移动交互原型框架软件——Framer，上手难，但功能强悍！

Framer已经上线有一段时间了. 它的前身—— Framer Studio是用来制作高阶且复杂的交互原型，比如可以键入信息、调用设备传感。不过它也有一个缺点，就是需要CoffeeScript编程基础。Framer X ——最新上线的版本，功能强大且入门门槛低了很多。现在你仅需要几下点击就可以制作和之前一样的高阶交互效果。无需任何编程知识仍可达到编程制作的效果。 可自定义页面过渡、轻松创建滚动组件以及可滑动的UI元素，而且元素还可以快速响应。但是如果你需要在原型上添加一些额外的高大上效果，那你就要到一家商店，里面都是用React编写的代码组件：YouTube播放器，UI工具包，货币转换器，可交互式地图组件。如果懂React，你也可以自己建立组件以供自己或他人使用。更棒的是，还可以直接交付代码给开发套用，减少沟通中的摩擦和误解。

【软件获取】

framer_下载密码：hji1

（详细安装步骤放在在软件里面啦！如果链接失效请联系效率君）

【软件介绍】

面对现实吧：Sketch是静态设计工具中的老大，但它却并不理想。因为设计师产出的是图像，而开发人员需要使用Invision或Zeplin等工具将图像再转换为代码。Framer X旨在让设计师不仅可以绘图，还可以从多个方面考虑设计，从而让产品的各个环节更加紧密地联系在一起。

易用性

如果你很熟悉Sketch，就可以顺畅无阻地转换到Frame X。两者的主要不同是在创建布局时，Framer X使用的是框架而不是组。框架就像是一个HTML的容器，可以将素材等放到隐形容器内，这些框架易于操作和调整样式。Framer X 还有更多强大的功能，比如Stacks。使用Stacks可以轻松创建具有自动分发和对齐功能的自定义列表，非常方便。但是，如果要创建更高级的组件，则需要一些React基础知识。这可能会吓跑一些设计师，尤其是那些主张“设计师不应写代码”的人。

综上，在易用性方面，Framer X获得五颗星中的三颗星。

★★★☆☆

协作效率

这一点，Framer X做的很不好。除非把源文件发给对方，否则无法将项目转交给客户或开发人员，这真是太不友好了。Framer Studio有个很赞的功能，就是你可以将原型上传到云端，这样就可以在任何地点访问该链接。此外Framer Studio还支持下载后离线使用。而Framer X则没有这些功能。虽然仍可以生成共享链接，但一旦关闭文件或手动停止实时预览，它将自动变为无法访问。这也太奇葩了。 我相信Framer团队有能力解决这个问题，但现在我只能给一颗星。我是认真的，Framer团队！

★☆☆☆☆

保真度

这点可以弥补刚刚Framer失去的分数。制作高保真原型从来不是一件容易的事情，而Framer绝妙地在工具内添加了组件商店。这个功能将让Framer在近一段时间内脱颖而出。使用Framer X进行原型设计，可以让设计人员更加接近产品设计的高峰——UI设计体系。像Airbnb、Shopify团队已经在使用UI体系为各个平台产品提供统一的设计服务。 所以在这里我将给出5分满分。

★★★★★

流程衔接

最后一点，但却是很重要的一点：流程衔接。 虽然Framer仅适用于Mac，但我们不会因此而责怪它。在Framer的网站上，写着用户可轻松导入Sketch画板，你需要做的就是复制和粘贴。但事实上并不像他们所说的那么容易，而且还无法导入完整的画板。即使可以完整导入，但还存在一个问题：Sketch导入选项设置十分有限，且不支持与除Sketch以外的其他工具衔接。所以在这里不得不将分数降低到两颗星。

★★☆☆☆

最终分数11分（满分20）。 总体看来Framer还是不错的，但有些方面需要提高。它是一个值得信赖的软件，并为其他工具提供了可遵循的方向。

更多效率干货请关注v❤️公共账号 “效率日记”！

喜欢小编的文章欢迎关注，第一时间带来最新de,最高效的分享，欢迎打赏呦！