Framer是一款基于JavaScript的开源原型框架，可以帮助开发者及设计师轻而易举地创建出非常逼真的应用原型，还包括滤镜、弹性物理、完整的3D效果等。Framer能够同时应用于桌面和移动设备之上，通过它，开发者或设计师只需简单地创建图像、事件等模块即可构建和测试复杂的交互和动画。

使用Framer也是非常简单，在使用Photoshop设计好原型图之后，开发者及设计师可以直接使用Framer的桌面应用Framer Generator从Photoshop文件中导入相关资源及文件架构，开始添加交互和动画。

自诞生以来，Framer凭借其简易、强大的交互和动画优势逐渐在原型设计领域占得一席之地，诸如苹果、Google、Facebook、Twitter等巨头公司也都纷纷使用Framer进行应用产品的原型设计。而在逐渐取得业界认可的同时，Framer也在不断地改进完善。不久之前，Framer迎来了3.0版本的更新，相比以往，Framer 3.0有了较大的改动。

除了关于动画、360°旋转及Photoshop导入等的Bug修复之外，Framer 3.0还在状态机、动画后端等方面新增了一系列的新功能，改视图为图层，取消了ScrollLayer、ImageLayer。当然，View、ScrollView、ImageView仍然可正常运行，但Framer会向用户发出警告。

（文/唐小引责编/刘璐璐）

传送门：Framer官网、GitHub托管地址、mobilehub主页

Framer：开源原型设计工具，巨头们的心头好相关推荐

常用快速原型设计工具大比拼、原型设计工具哪个好用
原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经验直接导至该产品的可用 ...
界面原型设计工具开源软件
界面原型图绘制工具 Pencil Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样.Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件(点击 ...
网页原型设计工具设计_设计工具用完了
网页原型设计工具设计 by Colm Tuite 通过Colm Tuite 设计工具已超出预期. 这是我们如何修复它们的方法. (Design tools are running out of tra ...
ui原型设计工具_UI设计师的工具包，用于专业模型，原型和产品插图
ui原型设计工具 This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具 Too ...
15款优秀移动APP产品原型设计工具
15款优秀移动APP产品原型设计工具 2014-01-22 8:55 yoyo 分类:原型设计微信二维码一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#￥ ...
（10.2.1）15款优秀移动APP产品原型设计工具
一新来小盆友问:"移动产品原型设计都用啥工具?" 答:"@#￥--&%*" 又问:"能详细说下各个工具吗?我比较一下" " ...
工具推荐 10款移动界面原型设计工具
首先,一款优秀的移动APP界面原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用 ...
最受产品经理关注的10个原型设计工具
每个公司对产品经理这个职位的定位都会有所不同,但一般都会涉及到需求调研.画原型.写各种文档等工作.说到画原型图,原型设计工具是必不可少的. 当然了,如果你已经上升到了产品经理的最高境界,那这些工具对你 ...
Balsamiq Mockups：非常强悍的手绘界面原型设计工具
无意中在GR里看到一大牛分享一篇文章,是介绍手绘界面原型设计工具,名字叫 Balsamiq Mockups,正好我最近一直都想设计一个android应用程序的界面原型,于是就产生了试用下这款软件的想法 ...

Framer：开源原型设计工具，巨头们的心头好

Framer：开源原型设计工具，巨头们的心头好相关推荐

最新文章

热门文章