以瀏覽器為基礎的設計工具，已成為產品團隊的業界標準——從獨立自由工作者到大型企業皆廣泛使用。
從快速線框圖到可交付的設計規格，全部在同一個共享的瀏覽器環境中完成。
多位設計師可同時在同一個檔案上工作。留下評論、追蹤修改記錄，一起審視設計——無需來回傳送檔案。
建立包含可重用元件、變數和樣式的共享設計系統。發佈至團隊，並在每個產品中保持視覺一致性。
將頁框串連成可分享、可點擊的流程。加入轉場、疊加和手勢，傳達產品的使用感受——在撰寫任何程式碼之前。
Figma 的價值遠超繪製矩形——它已成為設計與開發之間的橋樑。
透過提示語生成 UI、自動重新命名圖層、移除圖片背景，並以自然語言搜尋檔案。AI 已內建於工具中，並非後來添加。
開發人員可查閱設計、複製程式碼片段（CSS、iOS、Android），並與正式環境比對變更——無需額外工具或訂閱。
數千個社群外掛，涵蓋圖示、內容生成、無障礙檢查、圖表、地圖及設計轉程式碼工作流程。
來自資料庫的精選指南與文章。
Here's my advice for engineers looking to up their design game. 前 Figma、Palantir 的工程師 Matt Dailey 前陣子在 X 上丟了一篇長文 How I Design with AI。副標寫得很直白：As an engineer who is not a designer and hates slop. 我第一反應不是「工程師也開始教設計了」，而是鬆了一口氣。因為他講的，其實不是怎麼讓 AI 生出漂亮畫面，而是怎麼不讓產品變成一坨看起來像樣、用起來卻很空的東西。 開頭那句更狠： Every landing page, app and TUI look the same. They're slop and most of them are incomprehensible. 這句話我最近幾乎每天都會碰到。不是
Figma 8 月 11 日在 Release Notes 裡寫了一則更新，標題很直接： Starting today, you can run your Figma Weave tools from clients like ChatGPT, Claude, or Cursor using the Figma MCP server. Describe what you need and the agent finds the tool, runs it, and returns the result in your conversation. 這篇主要想分享給：已經在用 Cursor（或 Claude）做事，手上又有重複生成需求——mockup、icon、社群尺寸延展——的人。不是再介紹一次 Weave，而是把「這能力是什麼、怎麼接、現在值得先做什麼」寫清楚。 ⸻ ▍官方在講什麼 公告列
精選工具、範本及連結，來自資源目錄。
A comprehensive checklist resource for designers with Figma plugin integration
Figma AI-powered design workflows platform that combines multiple AI models (Google, OpenAI, Kling, Runway, etc.) with professional design tools. Build custom AI workflows and apps.
Google Stitch is an AI-native software design canvas that transforms natural language prompts, hand-drawn wireframes, or screenshots into fully editable UIs and production-ready code.
A curated collection of design styles from top companies like Apple, Linear, Stripe, and more. Search by brand, style, color, font, or URL.
每週二更新工具評測及教學。
Sign in with Google to view this tool profile and related resources.