Figma agent 的 skills:把團隊的隱形工作流變成一句斜線指令

skill 是一段純英文寫的可重複指令,教 agent 一次、打斜線就能召喚。拆解它解鎖了什麼,以及 Figma 團隊自己怎麼用。

Got skills? Make the Figma agent a better collaborator | Figma 官方文章封面

每個團隊都有一套「只有自己人懂」的做事方法。產品名稱怎麼大小寫、PM 的 spec 用什麼格式、要 A/B 測文案時大家慣用哪一段 prompt——這些東西天天在用,卻很難寫成文件,最後全塞在某個資深同事的腦袋裡。人一走,方法就跟著蒸發。

Figma 這次在設計 agent 裡端出的 skills,處理的正是這件事:把那些活在腦袋裡的隱形工作流,寫成一段純英文指令,存起來,任何人打一個斜線 / 就能召喚。這篇拆解 skills 到底解鎖了什麼,以及 Figma 團隊自己怎麼用它。

● SOURCE · FIGMA BLOG
Got skills? Make the Figma agent a better collaborator
Sachi Shah & Sean Lee · Product Managers, Figma · 2026/07/01
讀原文 →
SKILL 怎麼運作
01
團隊某個反覆在用、卻沒人寫下來的工作流
02
用純英文寫成一段可重複使用的 skill
03
publish 給團隊或整個組織共用
04
任何 chat 打 / 就能觸發
INTRO
prompt 帶你上路,skill 讓工作流長在系統裡

Figma 對 skill 的定義很直接:一段用純英文寫成、可重複使用的指令,你只要教會 agent 一次,之後在任何對話裡打斜線 / 就能叫出來。它跟今年 Config 一起推出,Figma 團隊這幾週拿自己的專案當白老鼠,累積了一批實戰用法。

值得先釐清的一點是 skill 跟 design system 的分工。design system 提供 agent 該用的 component、pattern 跟 UI 元素;skill 疊上去的是團隊剩下的那層 know-how——品牌語氣、合規準則、評圖流程、甚至把 design system 當成更大工作流的一環來呼叫。兩者互補,不互相取代。

兩層分工
DESIGN SYSTEM
給 agent「用什麼蓋」——component、pattern、UI 元素、design token
SKILLS
給 agent「怎麼做」——品牌語氣、合規、評圖流程、團隊標準
Got skills? Make the Figma agent a better collaborator | Figma 官方文章插圖
Figma 官方文章插圖
01 隨叫隨到的第二意見

skill 最直接的用途,是幫你從更利的角度看自己的作品。它能推你一把、幫你問出更好的問題,或用某個特定視角來 critique 一張設計;也能幫團隊落實共同標準,從 UX writing 規範、無障礙檢查到產品原則都行。

Figma 團隊分享了三個實際做出來的例子。第一個是模擬 stakeholder 的回饋風格:把某個人平常怎麼給你意見的素材餵給 agent——公開留言、過去的評圖、檔案裡的註記——再請 agent 套用。他們照著 CEO Dylan 的留言風格做了一個,讓設計師進評圖前先自己壓力測試一輪。第二個是守住 UX writing 標準:把 style guide 交給 agent,讓它先抓一遍大小寫、標點這類不一致,寫手就能把精力留給更有份量的內容。第三個是借一雙新使用者的眼睛:跑一個 skill,用第一次接觸產品的視角來 review,把那些對熟手隱形、對新人卻很刺眼的摩擦點翻出來。

▷ TRY THIS
挑一位常給你評圖的主管或客戶,把他過去三則回饋貼進 agent,請它「用這個人的視角挑我這張稿的問題」。進正式評圖前先跑一次,等於免費預演一場 review。
02 一次建立、到處使用

有些 skill 是把團隊每次都要跑一遍的例行儀式變簡單——新人 onboarding、整理專案空間、給新專案一個一致的起點。判斷標準很單純:只要團隊每次都用同樣方式做的事,大概就值得包成一個 skill。

Figma 給了三個可以直接抄的:catch-me-up 會把一個檔案或專案最近的動態整理成摘要,讓請假回來的人不用一條一條翻留言就能跟上進度。crit prep checklist 會反過來訪談你,問出 persona、工作範圍、評圖對象這些 context,再生一張帶引導問題的評圖頁——Figma 那版還接了 Nielsen Norman Group 的研究提問最佳實踐,確保討論題目能挖得更深。crit recap 則把評圖後的回饋依主題分組,整理成含「已決定事項、待辦、暫緩項目」的跟進計畫,做成一張留在畫布上、或貼進 Slack thread 的卡片,散會後資訊不會漏掉。

Figma skills 官方插圖
Figma 官方文章插圖
▷ TRY THIS
回想你上週重複做過三次以上的動作——寫週報、整理評圖筆記、幫新檔案排版。挑一個包成 skill,下次打 / 叫出來,省下的是每次重打 prompt 的時間。
03 把 skill 接上你既有的工具鏈

skill 真正變強,是當它能從團隊本來就在用的工具裡取材。透過 MCP connectors,Figma agent 能跟 Slack、Notion、Asana 這些 app 互動,工作時順手把 PRD、產品數據、研究筆記、專案討論拉進來。而且同一個 skill 在 Figma agent 和 Figma Make 裡都能用,你在哪工作它就在哪。

連上 connector 後,skill 還能把資訊帶進來、把決策記下去、更新外部系統,省掉手動交接。Figma 也預告 skill 之後會透過自家 MCP server 開放,屆時任何相容 MCP 的 client 都能呼叫,等於把你在 Figma 裡建的工作流延伸到 Figma 之外。幾個值得試的串接模式:評圖後把留言直接轉成專案管理工具裡的 task,讓意見不會卡在設計跟工程之間的縫隙;或把外部產品數據拉進畫布當設計參考。

Figma skills connectors 官方插圖
Figma 官方文章插圖
▷ TRY THIS
如果你的團隊用 Notion 或 Slack,試著讓 skill 在評圖後把 action item 直接寫回去。設計跟工程的斷點,常常就發生在「有人忘了把留言貼到工單」這一步。
04 在眾目睽睽下工作,也在眾目睽睽下學習

因為 agent 的工作發生在協作檔案裡,你能看到同事怎麼解問題、用了哪些 skill、又是怎麼 prompt 出結果的。這改變了學習的方式:以前你得開口問「你剛那個怎麼弄的」,現在可以直接打開對話、跟著他的思路走一遍,再把同一套方法搬到自己的工作裡。

Figma 設計 agent 目前開放 beta,Professional、Organization、Enterprise 方案的 Full seat 使用者可用,Collab、Dev、View seat 則能在草稿裡用,beta 期間免費。想上手的人可以先去 agent playground 檔案玩,或到 help center 看怎麼建自己的 skill。

整體觀察

skill 這套設計,本質上是在解決一個老問題:團隊最寶貴的知識往往最難傳承,因為它藏在流程跟直覺裡,不在文件裡。把它寫成一句能被 / 召喚的指令,等於幫這些隱形資產做了一次「可攜化」。對正在學 Figma 的人來說,這也給了一條新的學習捷徑——與其問資深設計師怎麼做,不如打開他的 agent 對話,照著走一遍。

“A skill is a reusable set of instructions, written in plain English, that you teach the Figma agent once.”
— Figma Blog, 2026/07/01
TL;DR · 重點整理
01skill=純英文寫的可重複指令,教 agent 一次,之後打 / 就能觸發,還能 publish 給團隊共用
02skill 跟 design system 互補:一個管「用什麼蓋」、一個管「怎麼做」
03實戰用法:模擬 stakeholder 評圖、守 UX writing 標準、catch-me-up、crit prep/recap
04透過 MCP connector 串 Slack/Notion/Asana,agent 與 Make 通用,之後開放 MCP server
· · ·
🎓 FIGMA 全攻略
要讓 agent 幫你把 skill 用好,前提是你先把 Figma 練扎實
從底層邏輯到 component、variables、Auto Layout、design system 一次打底——skill 與 agent 才有發揮的地基。
開始學 →
✦ AI 覺醒設計應用攻略
每天一則設計 × AI 情報,跟上工具演進的速度
Figma agent、Adobe Firefly、Claude——把最新的 AI 設計工具變成你日常工作流的一部分。
了解方案 →