位置：首页>> 电脑教程>> 苹果Mac教程>> Framer X一款新一代的“来自未来“的交互设计工具？到底有哪些功能？

Framer X一款新一代的“来自未来“的交互设计工具？到底有哪些功能？

　　发布时间：2022-09-16 14:18:17　

标签：Framer,X,Framer,X介绍,交互设计工具

Framer X一款号称来“来自未来”的设计工具，Framer X到底为什么这么称？Framer X是Mac os系统上一款强大的移动原型设计工具，基于Framer.js快速原型框架，可以快速的创建可交互的原型，支持移动应用的原型设计，集成了Photoshop & Sketch等软件，可以快速的将这些软件的源文件导入到原型中，受到了Google、Dropbox等公司的推荐。

Framer X 21Mac是Framer官方推出的一款突破规则的产品，能够更好地融合设计和开发的交互设计神器，这次新版的 Framer X 更加讨好设计师了，抛弃了原有的代码编辑模块，只保留了设计面板，新版使用 React 和 TypeScript 写 UI 组件，也可以直接使用 ES6。而且拥有内置设计资源商店的设计软件，不仅可以下载公开的组件，还可以管理和同步团队内部的组件，想象空间非常大。

Frramer X 21功能特色

1、互动
简单快速的原型设计
Framer X提供了设计滚动，链接和页面交互的工具。不止如此还添加3D效果和动画。创造感觉真实的滑动效果。并且在一半的时间内完成所有工作。

2、真正的交互式组件
组件不只是静态的，在 Framer X 中除了使用设计组件，你还可以使用代码组件——一种自带交互效果，且可以通过面板调节属性的交互式组件。这些组件使用 React 代码实现，可以直接使用真实数据渲染，如果你的团队使用 React 开发，将进一步缩小设计和开发之间的距离。

3、应用内设计商店
聚集社区的力量，内置设计商店，从组件到组件库应有尽有，你无需从零开始进行设计，利用这些组件将可以很快实现自己的想法。当然，你也可以发布自己的组件到商店，这样我们的设计系统便不只是团队内的协作了。

4、响应式布局
使用 Frame 作为元素容器，通过对其四面边距以及宽高的设定，来实现真正的响应式设计。同时，使用一种叫做 Stack 的容器来处理元素的自动排列，实现弹性布局，加速设计流程。

Framer X 21改进新增功能

1、没有内置编辑器
可以看到这次新版的 Framer X 更加讨好设计师了，抛弃了原有的代码编辑模块，只保留了设计面板。

2、彻底抛弃 CoffeeScript
2013年 Framer 刚面世的时候，CoffeeScript 还比较流行，前端的发展也不像现在这样繁荣，作者当时选用 CoffeeScript 也是考虑到语法比较简单，对设计师友好。但到了2018年已经没人再用 CoffeeScript 了，而且随着前端领域的不断发展变化，如今 ES6 可以做到的很多事情用 CoffeeScript 是永远也无法做到的。

3、全面拥抱 React 和 ES6
新版使用 React 和 TypeScript 写 UI 组件，也可以直接使用 ES6。

4、UI 组件化
组件化是 Framer X 最大的变化也是最核心的理念，你在界面上看到的所有东西背后其实都是一个个 React 组件。

5、组件商店
Framer X 是第一款拥有内置设计资源商店的设计软件，不仅可以下载公开的组件，还可以管理和同步团队内部的组件，想象空间非常大。

总结
Framer X 是一款非常另类且极具颠覆性的设计工具，至于能不能流行甚至普及开来，还无法预知。相信未来会有更多人来尝试使用这款软件！

投稿

Framer X一款新一代的“来自未来“的交互设计工具？到底有哪些功能？

猜你喜欢