Framer.js 终究还是被遗弃

康上明学 -

从去年开始关注交互原型工具，最终锁定在 Framer.js 和 Flinto 这两个工具上。

这两个工具我各自投入时间学习，Flinto 是目前投入产出比最高的，而最终还是放弃了 Framer.js。直观的感受是 Framer.js 面向的受众是前端开发者转交互设计的这群人，这样需要写简单代码来实现原型的工具对他们来说非常亲切。简单学习几个设定好的函数后，快速上手。

我原本期望 Framer.js 具备以下3个其他工具做不到的优势：

  1. 更适合构建完整的产品交互流程
  2. 可以和 Sketch 方便的结合
  3. 自适应不同的显示尺寸

最后结果是3点都没有很好的被解决。要构建完整交互流程，Framer.js 的代码量会陡增，因为无法将每个页面分开来写，所有内容似乎都需要在一个代码文件中。如果想要可读性，你就需要封装函数，把代码分散到多个文件中。

与 Sketch 的结合非常不直观，本质上只是倒入了图层和组关系，还需要很好的命名图层，不然完全不能用。

自适应不同尺寸的屏幕更加飘渺，因为大部分图层都是图片，并不能转化为HTML绘制的图层，最后根本做不到自适应。

总体来说，Framer.js 学习曲线斗，但并没有带来相对应的回报。在 Flinto 等工具出现前，Framer.js 可以说是相对不错的工具（相比其他更难用的工具来说），可惜目前已经没有了明显优势。Flinto 的出现就像是 Sketch 对于 Photoshops 一样，用一个更好的解决方案带来相同的能力。

目前 Flinto 是当之无愧的原型交互动画设计工具的 No.1，如果你第一次接触类似工具，从它开始绝对不会错。

Adobe 奋起直追，把 Sketch 和 Flinto 杂交，出了个 Adobe Experience Design CC，把两个工具的精华设计抄了一遍。暂时没有兴趣体验，等有空再交份报告吧。

不定期聊一些产品设计，以及有趣话题，分享我的所见所想，欢迎关注。

Stuff I Learned Yesterday 系列文章话题包括科技、产品、设计、商业和创业有关的事。每天分享所见所想，这事，要干就干个七年。