前言
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月