前言
PREFACE

“设计孤岛”向“协作文化”的转变

2020年，因疫情问题，互联网公司纷纷开启了远程办公模式。在家工作首先要解决的是团队沟通问题，一时间ZOOM、钉钉、企业微信、飞书和腾讯会议等企业沟通与协作软件出现在我们的手机和计算机中，让我们在家便可完成考勤、审批、会议和工作任务。

疫情期间，国内外许多设计协作软件也开始流行，如Figma、InVision、Affinity Designer、Framer、Sketch Cloud、摹客和蓝湖等。这些软件中，Figma的用户量增长最快，许多Sketch和Adobe XD用户也陆续改用Figma。

我们可以使用Figma构建强大的团队组件库，进行多人实时在线设计，添加不用更新的插件，查看或下载使用Figma社区中的设计文件，在不同客户端使用Figma进行创作，使用FigJam（多人协作在线白板工具）进行头脑风暴等。

当然，Figma不只适用于设计师之间的协作，使用Figma与产品经理、运营同事或开发人员沟通也十分方便。在项目策划阶段，我们可以使用FigJam与产品经理进行头脑风暴、绘制流程图并进行远程协同标记。在项目设计阶段，可以将设计文件的链接分享给协作者一起进行实时在线设计。在项目开发阶段，可以将设计文件的链接分享给开发人员，开发人员只需打开文件链接便可免费使用Figma查看设计文件中的CSS、iOS（Swift）和Android（XML）数据，大大节省了时间。在项目宣传阶段，将带有宣传海报的Figma设计链接发给运营同事，他们可以自己下载最新的设计宣传图，而我们只需简单告诉他们怎么导出。

Framer也很实用，它不但可以实现多人实时协作，还拥有灵活的布局、强大的可拖放组件和无须用户编码的智能组件。设计师可以用Framer构建出十分真实的原型。Framer的所有组件都是真实的React框架，设计完成后开发人员可直接调用。

所以，使用Figma和Framer进行协作设计，可极大地降低团队成员间的沟通成本，节省很多时间。

·本书按钮图标说明

在操作过程中，同一图标可能显示不同底色。为了方便读者学习，清晰认识，本书将图标底色进行了统一，例如 。

编者
2022年6月 WYGnOzf9Zcnh1k1PAIuUzEIvKAqw/8y3JYNw6BX5KGZ4oH3N+K/GWY8iBNxHo+Yl