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

關於 Figma: view. comment. mirror.
What Is Figma
Figma 是一套在瀏覽器裡運作的 UI 設計軟體,團隊用它把介面、原型與設計系統放在同一個共用檔案裡。Figma AI 是蓋在這塊畫布上的 AI 功能層,所以代理直接使用團隊既有的元件與樣式。
你描述需求,代理就產出畫面、修圖、整理命名混亂的圖層,或把設計變成可以操作的原型。整個過程不必把檔案匯出到別的軟體。對不少團隊來說,這讓它成為預設的 AI 設計工具,而不是一個要記得打開的外掛。
真正的限制在點數。每個 AI 動作都從共用額度裡扣,做原型消耗的速度遠高於改幾句文案。
Getting Started
- 註冊免費的 Figma 帳號或直接登入,然後開啟既有檔案,或從草稿區新建一個。
- 在工具列打開 Figma 代理,用平常說話的方式描述你要的畫面、圖表或修改。
- 想要可操作的原型,就進到 Figma Make,附上現成的畫框或元件,再請它做出應用程式或流程。
- 在屬性面板調整結果,也可以再下一次提示詞,或直接開內建程式碼編輯器修改,完成後分享或發布。
產品資訊
快速了解 Figma: view. comment. mirror. 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 產品設計師:代理會從你自己的元件庫產出畫面,第一版通常幾分鐘就有,不必耗掉整個下午。前提是檔案整理得還算清楚,產出才堪用。
- 產品經理與創業者: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 的畫布上,不是另一個獨立產品。
相關內容
探索與 Figma: view. comment. mirror. 相關的工具、技能與文章。
Figma: view. comment. mirror. 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型,能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量,在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG,就能取得預測注意力、排序後的熱點與修正建議,不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖,它會寫好文案、排出版面、自動調整成各種尺寸,最後匯出完成檔。
