Figma
Figma AI 原型設計全攻略：Auto Layout + Smart Animate + Make 打造互動原型
從 Figma Make 的 AI 原型生成到 Auto Layout 自適應佈局搭配 Smart Animate 過場動畫，完整學會打造高品質互動原型的工作流程。
UIUX 設計誌編輯部2026年3月22日7 分鐘閱讀
從 Figma Make 的 AI 原型生成到 Auto Layout 自適應佈局搭配 Smart Animate 過場動畫，完整學會打造高品質互動原型的工作流程。
Figma 2026 推出原生 Git 整合，設計師可以直接在 GitHub/GitLab 上分支和提交設計檔案。本文帶你完整了解新的設計開發交付工作流。
Google Labs 推出 Stitch，輸入文字或草稿就能生成 UI 設計和前端程式碼。本文實測功能、比較 Figma Make 和 Galileo AI，告訴你 2026 年該選哪個。
實戰教學 Figma AI（Make）自動生成 UI 設計稿功能，從文字 Prompt 到可互動原型，涵蓋最佳提示詞寫法、限制與設計師如何善用 AI 提升效率。
完整教學如何用 Figma Slides 設計專業簡報，從版面配置到動畫轉場，5 個步驟讓你的簡報脫穎而出。適合設計師與職場工作者。
深入了解 Figma Make AI 功能，學會用提示詞自動生成 UI 設計稿。從入門操作到進階技巧，2026 年設計師必學的 AI 設計工具教學。
完整教你用 Figma Variables 建立三層 Design Token 架構（Base/Alias/Component），實作 Light/Dark Mode 切換，並透過 Tokens Studio 與 Style Dictionary 同步到程式碼。
完整 Figma Sites 教學，手把手帶你將設計稿直接變網站。從前置準備、響應式設定到 CMS 串接，一篇搞定零程式碼建站流程。
Figma Auto Layout 完整教學，從基礎到進階，學會自動佈局讓你的 UI 設計效率翻倍，2026 最新功能全解析！
Figma Sites 完整教學，從設計稿直接發布響應式網站，不需寫程式。設計師必學的無程式碼網站建置工具，支援動畫與互動。
Figma 推出的 Make 功能讓你用文字描述就能生成 UI 原型！本篇教學帶你從零開始，學會用 AI 快速產出專業級介面設計。
無障礙設計不只是法規要求，更是好設計的基本功。這篇教學教你在 Figma 中檢查色彩對比、設定 Annotation、搭配外掛做 a11y 測試。