Figma 是在瀏覽器裡工作的介面設計工具，交付物是帶元件、變體和變數的設計稿，而不是圖片：設計系統能集中維護，開發和評審可以直接看標註與切圖。它的設計流程裡也有 AI 相關能力，用於生成或修改介面草稿、填入內容、把靜態稿推進到可點的原型，產出仍是可繼續編輯的圖層。檔案與元件庫的結構決定協作效率，草稿能不能用要看有沒有按你們的設計系統整理；具體功能與開放範圍以官網目前頁面為準。
主要功能
- 元件與變體支撐一套介面重用，改一處整體生效
- 變數與樣式管理顏色、間距和字級，便於對接設計系統
- 開發視角給出尺寸標註與切圖，交接不必來回問
- 同一檔案多人協作，評論與版本歷史可追溯
- AI 相關能力作用於草稿與原型，輸出保持可編輯圖層
適合誰用
- 產品介面要多稿並行，還要保持元件一致
- 設計與開發要在同一份檔案上對齊間距與色值
- 用現成結構快速出一版介面草稿，再人工細化
- 設計系統需要長期維護並留下版本紀錄
怎麼開始
- 先把元件與顏色變數搭起來，再開始畫具體頁面
- 生成類功能只用來出初稿，落地前整理成自己的元件
- 用開發視角做交接，把標註與切圖口徑統一
