Framer Studio for mac

Framer Studio for mac是Mac平台上的一款原型交互设计工具，Framer Studio for mac出现新版本更加适合设计师们，完全可以不写任何代码就能做出简单效果。不过在不断地代码练习中也能实现更加复杂的交互原型设计。当然，软件永远在不断的更新不断的进步，也希望用户一如既往的支持。

软件特色

Framer.js 的创始人 Koen Bok 和 Jorn van Dijk 分别是之前 Mac 平台著名的软件开发公司 Sofa 的创始人和设计总监，随着 Sofa 几年前被 Facebook 收购，他们也都加入到 Facebook 做起了产品设计，但最近两人离职后创立了 Podium，专注于打造小而美的生产力工具，当然目前还只是针对 Mac 平台，可以说是建立了第二个 Sofa 吧。

其实 Framer.js 很早就推出并且开源了，随着最近 3.0 的发布，底层代码已经重新全写了，功能和动画效果也更加完善了，官网上的教程和例子也很丰富，可以看到利用它可以创造出和 Carousel，Google Now 这些 app 一样的复杂交互。另外它还提供了一个 The Framer Generator，可以方便的让设计师把 photoshop 或 Sketch 里的设计图导入到 Framer.js 里面，而这次 Framer Studio 的发布，让这一创作过程更加简便了，极大了方便了设计师，并且之前内测时也得到了包括 Facebook，Dropbox 等公司的顶级设计师们的一致好评。

功能特点

1、新增图形化设计方式

在图形化的交互设计工具扎堆出现时，Framer独辟蹊径鼓励设计师用代码进行创作，但是由于编程门槛较高，一直以来很少有设计师愿意去尝试使用。这一次估计Framer团队也意识到了这个问题，将改版后的Framer加入了可视化设计。

2、设计图与代码同步

Framer界面很清晰地被分成左右两边，左边是代码书写区，右边是图形设计区。看起来好像有点分裂，但其实不然。当你在右侧进行图形设计时，左边对应的代码也会跟着改变；当你在左侧编写代码时，也能实时看见右侧的图形跟着变化。

3、支持图片文件拖入

以前在进行设计时如果需要图片，除了直接导入sketch和ps设计文件，就只能把图片放进对应文件目录下。但这一次你可以使用一种更加简单的方式——直接将图片拖进编辑区——Framer会自动将图片转化成代码。

4、不只能插入图层，交互动作也能插入

我们不仅仅可以通过直接插入的方式添加一些图层，还可以插入状态和事件，来实现可交互的效果。

同类软件