Figma: view. comment. mirror.

Figma: view. comment. mirror.

Figma, Inc. · 圖片

Figma AI 把智慧代理、提示詞生成原型,以及圖片與文字工具整合進 Figma 的設計畫布。AI 點數由團隊共用,每個席次另有每月額度。

Figma: view. comment. mirror. 的介面預覽

關於 Figma: view. comment. mirror.

What Is Figma

Figma 是一套在瀏覽器裡運作的 UI 設計軟體,團隊用它把介面、原型與設計系統放在同一個共用檔案裡。Figma AI 是蓋在這塊畫布上的 AI 功能層,所以代理直接使用團隊既有的元件與樣式。

你描述需求,代理就產出畫面、修圖、整理命名混亂的圖層,或把設計變成可以操作的原型。整個過程不必把檔案匯出到別的軟體。對不少團隊來說,這讓它成為預設的 AI 設計工具,而不是一個要記得打開的外掛。

真正的限制在點數。每個 AI 動作都從共用額度裡扣,做原型消耗的速度遠高於改幾句文案。

Getting Started

  1. 註冊免費的 Figma 帳號或直接登入,然後開啟既有檔案,或從草稿區新建一個。
  2. 在工具列打開 Figma 代理,用平常說話的方式描述你要的畫面、圖表或修改。
  3. 想要可操作的原型,就進到 Figma Make,附上現成的畫框或元件,再請它做出應用程式或流程。
  4. 在屬性面板調整結果,也可以再下一次提示詞,或直接開內建程式碼編輯器修改,完成後分享或發布。

產品資訊

快速了解 Figma: view. comment. mirror. 的定價、支援平台與效能。

免費方案是
付費方案$0 - $55/mo per seat
平台Web, Windows, macOS, iOS, Android
開發者Figma, Inc.
類別圖片
發布日期Jun 2024
最近更新Jul 2025
網站訪問量77M
網站全球排名218
API 提供狀態是

適合對象

這項工具最適合的使用者、任務與情境。

使用者

  • 產品設計師:代理會從你自己的元件庫產出畫面,第一版通常幾分鐘就有,不必耗掉整個下午。前提是檔案整理得還算清楚,產出才堪用。
  • 產品經理與創業者:Figma Make 把一份書面需求變成可以點擊的原型,當天就能拿給使用者看。除非你想改生成出來的程式碼,否則不用寫一行程式。
  • 開發者:程式碼圖層與 Figma 的 MCP 伺服器會把真實的設計脈絡交給你的程式開發代理,實作時少掉很多猜測。記得留點時間設定 MCP 連線。

任務

  • 探索初期的版面方向:一次要幾個版本,並排比較後挑一個深入調整。
  • 改寫與翻譯介面文案:選取文字後調整語氣、縮短長度或直接翻譯,全程不離開畫布。
  • 整理混亂的檔案:批次重新命名圖層,並用圖片或描述找出相似的設計。
  • 把設計變成可上線的頁面:發布響應式網站,或直接從 Figma Make 開一個 pull request。

情境

  • 設計評審會議開始前,就必須生出三個方向的提案。
  • 行銷團隊在很短的期限內產出符合品牌規範的上市素材。
  • 獨立創業者用可操作的原型驗證想法,而不是拿靜態 mockup 給人看。

主要功能

Figma 代理

代理住在你的檔案裡,用自然語言回答。你可以要它產生畫面、畫圖表、修圖,或搜尋你的檔案。它取用團隊的元件與樣式,所以產出看起來像你的產品,而不是一般範本。

Figma Make

Make 是一套提示詞生成原型工具。描述一段流程、附上現成畫框,或直接指向你的程式碼庫,它就會做出背後有真實程式碼的互動應用程式。你可以預覽、視覺化編輯、打開程式碼,再發布到一個網址。

程式碼圖層

程式碼圖層讓真實的程式碼在畫布上執行,和靜態畫框並排。你可以轉換畫框、匯入儲存庫,或抓取線上網站,然後在同一個檔案裡測試真實互動。這項功能目前以公開測試形式推出。

AI 圖片編輯

Make and Edit Image 用提示詞生成或修改視覺內容,Boost Resolution 則把小圖放大後仍保持清晰。去背、抹除物件與拆出元素,處理掉以往得另外開修圖軟體才能完成的收尾工作。

AI 文字工具

在選取的文字圖層上直接改寫、翻譯、縮短與調整語氣。這是整套工具裡最不起眼的一塊,卻很可能是團隊每天都會用到的功能。

AI 搜尋與圖層整理

視覺搜尋讓你用上傳的圖片、框選的區域或一段文字描述,在檔案裡找出相似的設計。圖層重新命名則處理掉每個長期專案都會累積的命名債。

共用的 AI 點數

每個席次都有每月點數額度,團隊可以加購或開啟用多少付多少。管理員能看到點數如何分配、花到哪裡去,這在幾個人開始大量生成原型之後特別重要。

優缺點

優點

  • 代理直接在你既有的元件庫上工作,生成的畫面會沿用團隊的元件與樣式。
  • Figma Make 交出的是背後有真實程式碼的可操作原型,不是一張可以點擊的圖片。
  • MCP 伺服器把 Figma 接到 Claude Code、Codex 與 Cursor,產出的程式碼帶有設計脈絡。
  • AI 點數以團隊為單位共用,免費方案也保留每日額度。
  • 圖片與文字工具都在同一塊畫布上,省掉匯出再重新匯入的來回。

缺點

  • 在 Make 裡做原型很吃點數,用量大的團隊最後往往得加購或改用用多少付多少。
  • 產出品質跟著檔案的健康程度走。圖層散亂、元件缺東缺西,結果就會很平淡。
  • 有些能力還在測試或公開測試階段,包括程式碼圖層與 Make 檔案的發布。
  • 依席次計價代表每個編輯者都要付費,連只負責留言的同事也算一份。

常見問題

Figma AI 是 Figma 內部一系列 AI 功能的總稱,包含對話式代理、提示詞生成原型的 Figma Make、程式碼圖層,以及圖片與文字編輯。它跑在 Figma 的畫布上,不是另一個獨立產品。