UStackUStack
Figma AI icon

Figma AI

Figma AI 將 AI 功能帶入 Figma,協助團隊探索想法、建立互動設計、精修素材,加速從設計到程式的工作流程。

Figma AI

Figma AI 是什麼?

Figma AI 是 Figma 內建及相關工具中的一組 AI 功能,幫助設計師與團隊更快從想法轉為可運作原型及生產就緒輸出。此產品聚焦常見工作流程任務—構想發想、建立與精修設計素材,以及加速重複性工作。

Figma AI 呈現為創意合作夥伴,支持多種工作方式,包括提示、程式碼及設計導向流程。它也包含選項,用以將設計脈絡橋接到代理式程式碼工具,減少設計與實作間的摩擦。

主要功能

  • Figma Make (提示導向探索):使用提示在 Figma 中產生設計可能性,旨在探索多種概念。
  • Code Layers (透過提示新增互動與動畫):使用提示新增互動元素、動畫及文字效果,無需程式碼經驗即可操作。
  • Figma Sites (從 Figma 脈絡發布網站):準備就緒時,透過使用 Figma 脈絡的工作流程發布網站或產品。
  • Figma MCP server (供程式碼代理的設計脈絡):直接將 Figma 設計脈絡提供給代理式程式碼工具,如 VS Code、Cursor、Windsurf 及 Claude,以加速設計到程式碼工作流程。
  • 圖像產生與精修 (Gemini 3.0 Pro + GPT Image 1):使用 Gemini 3.0 Pro 及 OpenAI 的 GPT Image 1 產生新圖像或精修現有圖像。
  • 圖層組織輔助 (自動重新命名):一鍵依脈絡重新命名並組織圖層。
  • 設計樣版中的文字輔助 (產生、替換、重寫、翻譯):在設計檔案中直接產生及替換文字、調整長度與語調,或翻譯。
  • 背景移除 (一步移除):一步移除圖像背景,避免手動套索與擦除工作流程。
  • FigJam AI (圖表與回饋輔助):將複雜想法轉為簡易圖表、分類回饋,並自動化 FigJam 中的繁瑣任務。

如何使用 Figma AI

在 Figma 中開啟您的設計或 FigJam 看板,然後選擇適合任務的 AI 功能。早期構想階段,使用 Figma Make 提示產生設計可能性。

建構互動體驗時,使用 Code Layers 透過輸入提示新增互動、動畫或文字效果,而非撰寫程式碼。更新設計內容時,使用 AI 工具產生或替換文字、重寫或翻譯文案、重新命名並組織圖層,或移除圖像背景。

若跨設計與程式碼工作,使用 Figma MCP server 將設計脈絡帶入代理式程式碼工具如 VS Code、Cursor、Windsurf 或 Claude,讓程式碼工作流程可參照 Figma 設計。

使用情境

  • UI 快速概念探索:提示 Figma Make 探索多種設計方向,而無需立即鎖定單一想法。
  • 無需寫程式碼即為樣版新增互動:使用 Code Layers 透過提示在設計中建立互動元素、動畫及文字效果。
  • 準備符合目標語調的設計內容:在樣版中產生或替換文字,然後重寫調整長度與語調,或翻譯文案直至符合。
  • 清理樣版圖像素材:以一步流程移除圖像背景,而非手動選取並擦除背景區域。
  • 將複雜工作坊筆記轉為圖表:在 FigJam 中使用 FigJam AI 將密集想法轉為圖表並組織回饋。

常見問題

  • Figma 的 AI 功能在哪裡可以找到? 頁面指出 Figma AI 功能是 Figma 和 FigJam 體驗的一部分(例如 Figma Make、Code Layers 和 FigJam AI)。提供的內容未指定 UI 中的確切位置。

  • 誰可以使用 Figma 的 AI 功能? 提供的內容包含標題為「在哪裡可以找到…誰可以使用…」的常見問題區塊,但未說明資格或推出細節。建議查閱網站上的常見問題以了解具體存取規則。

  • AI 點數如何運作? 頁面列出「AI 點數如何運作?」作為常見問題項目,但提供的文字中未包含說明。請參閱網站常見問題了解點數機制。

  • 你們提供 AI 版權保護嗎? 「你們提供 AI 版權保護嗎?」被列為常見問題項目,但提供的摘錄未包含答案。請查閱完整常見問題了解政策細節。

  • Figma 的 AI 功能基於什麼? 摘錄指定影像生成/精修使用 Gemini 3.0 ProOpenAI’s GPT Image 1,設計到程式脈絡則透過 Figma MCP server 提供。它未詳述每個功能的全部底層模型。

替代方案

  • AI 輔助設計與原型工具:此類別的替代方案也會從提示生成或精修設計素材,但可能較少著重設計到程式的脈絡移轉。
  • 具 AI 功能的圖表與白板工具:可自動化圖表建立與回饋整理的工具,能替代 FigJam AI,通常較少強調 Figma 原生設計工作流程。
  • 通用 AI 影像編輯器:專用影像生成/精修工具可取代 Figma 的背景移除與影像生成/精修步驟,取決於你是否需要在 Figma 檔案內產生輸出。
  • 無設計脈絡整合的代理程式碼工具:不包含設計脈絡橋接的程式碼助理,可能需要更多手動轉譯設計意圖,與使用 Figma MCP server 的工作流程相比。