上个月 Framer 放出了新产品 Framer X 的预告片,让我想起了这篇旧文。这篇文章讲的是代码给我们的设计流程带来了怎样的变化,以及在不久的未来我们可以怎样利用这个工具。

除了设计工具标配的图形编辑、响应式布局以及快速连线原型,最大的变化是 Framer X 引入了组件——可以使用 React ( Facebook 创建的一种用于组件式开发的代码框架)编写组件,并存入组件库用以复用。借助于代码“唯一数据源”的优点,构建一套完整而强大的设计系统变成了可能。

对这个新的设计工具有什么特性好奇可以前往 https://framer.com/x 查看,阅读下面的文章可以了解代码在设计流程中的演进。