「工具」三分钟了解 Framer 全新版本:Framer X

「工具」三分钟了解 Framer 全新版本:Framer X

Framer 前前后后进行了100+次更新,但在国内持续遇冷,因为绝大部分国内设计师并不会 JS,无法真正掌握这款工具的精髓。也许官方意识到了这个问题,于是在 Framer 基础上推出了 Framer X,意在打造为所有人准备的交互设计工具。

whose.design - 发现更多设计工具www.whose.design

阅读准备

  • 工具官网:Framer X
  • 产品口号:Interactive design for everyone.

宣传视频

https://www.zhihu.com/video/1007740499393961984

绘图 | Drawing

Your new favorite design tool.https://www.zhihu.com/video/1007741769093509120

Framer X 拥有所有你需要的功能进行图标或复杂插画的绘制。使用 Framer X 提供的高级路径编辑功能来微调设计。当然,所有图形均可导出。

排版 | Layout

绝佳排版工具https://www.zhihu.com/video/1007742495593218048

前所未有的排版设计体验。当你拉伸画布时,Framer X 支持自动布局。

Interaction | 原型设计

快速完成日常原型设计https://www.zhihu.com/video/1007742711243411456

使用 Framer X 提供的强力交互工具创建高保真的滑动、翻页以及页面切换,你所要做的就是移动鼠标和点击。

Components | 控件

可交互控件https://www.zhihu.com/video/1007742943238569984

Framer X 中的控件不再只是静态控件,他们可交互可复用,从地图到视频播放器,都可以实现。

Store | 商店

市面上第一个应用内置设计商店。在商店里你可以找到丰富的设计资源,从交互设计系统到图标。也可以把你自己的设计沉淀分享出来。

React

当设计遇见 React。https://www.zhihu.com/video/1007743118174806016

在项目中使用真实的 React,从零到一打造可交互的组件。如果要管理对象的更多属性,可以用 React 在属性面板里打造自定义界面。

Teams | 团队协作

设计师们可以通过 Framer X 提供的私有组件库,随时同步设计资源。


whose.design - 发现更多设计工具www.whose.design

其他文章

感谢阅读

我之前的同事@孙浩@钟二信是 Framer 大咖哦,相关的问题大家可以请教他们。

最后为团队做个广告,欢迎加入 Ant Design 团队,欢迎使用 Kitchen:一款为设计者提升工作效率的 Sketch 工具集

编辑于 2019-05-09

文章被以下专栏收录