[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-figma-release-notes-mcp-agent-qa-tools-zh":3,"article-related-figma-release-notes-mcp-agent-qa-tools-zh":30,"series-tools-08c6b018-aafd-4fb1-8e05-bfd726a2da4d":83},{"id":4,"slug":5,"title":6,"content":7,"summary":8,"source":9,"source_url":10,"author":11,"image_url":12,"cover_image":12,"category":13,"language":14,"translated_content":11,"related_article_id":15,"keywords":16,"key_takeaways":22,"views":26,"created_at":27,"published_at":28,"topic_cluster_id":29},"08c6b018-aafd-4fb1-8e05-bfd726a2da4d","figma-release-notes-mcp-agent-qa-tools-zh","Figma 推出 MCP 連動 Make、Agent 與 QA 工具","\u003Cp data-speakable=\"summary\">\u003Ca href=\"\u002Ftag\u002Ffigma\">Figma\u003C\u002Fa> 在 \u003Ca href=\"\u002Fnews\u002Fjune-2026-web3-signals-founders-use-now-zh\">2026\u003C\u002Fa> 年 6 月\u003Ca href=\"\u002Fnews\u002Fgemini-1-5-pro-002-flash-002-2-0-flash-update-zh\">更新\u003C\u002Fa>中，把 \u003Ca href=\"\u002Ftag\u002Fmcp\">MCP\u003C\u002Fa> 連動的 Make、設計 \u003Ca href=\"\u002Ftag\u002Fagent\">Agent\u003C\u002Fa> 和 QA 工具放進同一條工作流。\u003C\u002Fp>\u003Cp>Figma 這波 release notes 很密，重點落在 \u003Ca href=\"https:\u002F\u002Fwww.figma.com\" target=\"_blank\" rel=\"noopener\">Figma\u003C\u002Fa> Make、\u003Ca href=\"https:\u002F\u002Fwww.figma.com\u002Fblog\u002Ffigma-mcp\" target=\"_blank\" rel=\"noopener\">MCP\u003C\u002Fa> 整合、以及新一組設計檢查工具。對設計與前端團隊來說，這代表從畫面到程式碼的銜接又往前推了一步。\u003C\u002Fp>\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>項目\u003C\u002Fth>\u003Cth>數值\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>Release-note items surfaced\u003C\u002Ftd>\u003Ctd>76\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Check designs launch date\u003C\u002Ftd>\u003Ctd>2026\u002F06\u002F04\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Make codebase editing launch date\u003C\u002Ftd>\u003Ctd>2026\u002F05\u002F28\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Figma agent rollout\u003C\u002Ftd>\u003Ctd>Beta，未來數週逐步開放\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Agent beta pricing\u003C\u002Ftd>\u003Ctd>Beta 期間不扣 credits\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003Ch2>發生了什麼\u003C\u002Fh2>\u003Cp>這次更新主要分成三塊：設計系統檢查、AI 規劃、以及連到 codebase 的建構流程。\u003Ca href=\"https:\u002F\u002Fwww.figma.com\u002Frelease-notes\u002F\" target=\"_blank\" rel=\"noopener\">Release notes\u003C\u002Fa> 先把 \u003Ca href=\"https:\u002F\u002Fhelp.figma.com\u002Fhc\u002Fen-us\" target=\"_blank\" rel=\"noopener\">Check designs\u003C\u002Fa> 推到前台，讓檔案在交付前先對照設計系統。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781006565224-8mlm.png\" alt=\"Figma 推出 MCP 連動 Make、Agent 與 QA 工具\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>Check designs 會抓 hard-coded 顏色、文字、圓角、間距，還會提示對比度問題、library mismatch、detached components。這項功能目前開放給 Organization 和 Enterprise 方案，明顯是朝團隊級 QA 場景走。\u003C\u002Fp>\u003Cul>\u003Cli>Make 的 Plan mode 會先問問題，再開始生成。\u003C\u002Fli>\u003Cli>Make 可在建構時搜尋網頁或抓取 URL。\u003C\u002Fli>\u003Cli>排隊訊息能在執行中追加後續指令。\u003C\u002Fli>\u003Cli>Make 現在可連到本地 codebase，並開 branch 與 PR。\u003C\u002Fli>\u003C\u002Ful>\u003Cp>更大的變化在 \u003Ca href=\"https:\u002F\u002Fwww.figma.com\" target=\"_blank\" rel=\"noopener\">Figma Make\u003C\u002Fa> 的 \u003Ca href=\"https:\u002F\u002Fwww.figma.com\u002Fblog\u002Ffigma-mcp\" target=\"_blank\" rel=\"noopener\">MCP 整合\u003C\u002Fa>。使用者可以直接貼 frame URL 或 component link，讓系統從真實設計結構開始生成，之後再把變更送進 pull request。\u003C\u002Fp>\u003Cp>Figma 也把 AI credits 改成可供 Professional 方案管理員按量購買，方便應付短期用量高峰。另一邊，新版 Figma agent 正以 beta 形式，分批開放給 Professional、Organization 和 Enterprise 的 Full seat 使用者；Starter、Education、Government 方案不在範圍內。\u003C\u002Fp>\u003Ch2>為什麼重要\u003C\u002Fh2>\u003Cp>這不是單純加幾個 AI 按鈕，而是把 Figma 往 build pipeline 裡再推一格。對產品團隊來說，design tokens、元件、QA 檢查和程式碼編輯開始能在同一套流程內跑，交接摩擦會少很多。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781006566086-knwf.png\" alt=\"Figma 推出 MCP 連動 Make、Agent 與 QA 工具\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\u003Cp>對\u003Ca href=\"\u002Fnews\u002Ffour-rust-projects-show-where-people-are-coding-now-zh\">開發\u003C\u002Fa>者來說，實際差異是少切工具：同一個介面可以先看設計、再出計畫、再改 codebase，最後送 PR。代價是團隊會更依賴 Figma 的工作流與 credits 規則，成本和權限管理也會更重要。\u003C\u002Fp>\u003Cp>問題只剩一個：從 frame 到 code，Figma 會不會變成預設路徑？\u003C\u002Fp>","Figma 6 月更新把 Make、設計 Agent 和 QA 檢查串成一條流程，從設計系統比對到 codebase 編輯與 PR 都能接上。","www.figma.com","https:\u002F\u002Fwww.figma.com\u002Frelease-notes\u002F",null,"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781006565224-8mlm.png","tools","zh","1aacebc0-921c-4c2d-9b58-242b76656814",[17,18,19,20,21],"Figma","MCP","Make","design QA","AI agent",[23,24,25],"Figma 把 Make、MCP、Agent 和 QA 檢查串成同一流程。","Check designs 先抓設計系統偏差，適合 Organization 與 Enterprise。","Make 現在能連本地 codebase、開 branch，甚至送 PR。",0,"2026-06-09T12:02:15.251222+00:00","2026-06-09T12:02:15.242+00:00","ddbe17bf-4560-43f7-af76-3e7d6e08e601",{"tags":31,"relatedLang":42,"relatedPosts":46},[32,34,36,38,40],{"name":18,"slug":33},"mcp",{"name":20,"slug":35},"design-qa",{"name":21,"slug":37},"ai-agent",{"name":19,"slug":39},"make",{"name":17,"slug":41},"figma",{"id":15,"slug":43,"title":44,"language":45},"figma-release-notes-mcp-agent-qa-tools-en","Figma adds MCP-linked Make, agent, and QA tools","en",[47,53,59,65,71,77],{"id":48,"slug":49,"title":50,"cover_image":51,"image_url":51,"created_at":52,"category":13},"b84491ba-e4af-4581-8c04-1890df39a1ad","aider-open-source-coding-agent-repo-edits-zh","Aider 讓開源編碼變成 repo 編輯","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781013817997-l4il.png","2026-06-09T14:02:56.179093+00:00",{"id":54,"slug":55,"title":56,"cover_image":57,"image_url":57,"created_at":58,"category":13},"b6bc009f-238c-4466-b7ec-c7085c7fdbe8","wwdc-2026-rumors-siri-assistant-ios-27-zh","WWDC 2026 讓 Siri 變助手","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781007517876-bmuu.png","2026-06-09T12:18:03.608802+00:00",{"id":60,"slug":61,"title":62,"cover_image":63,"image_url":63,"created_at":64,"category":13},"813c149e-04fb-42c9-a1d8-89ae2f46f66c","llamastash-terminal-native-llamacpp-launcher-zh","LlamaStash 把 llama.cpp 帶進終端機","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780993095245-e3v2.png","2026-06-09T08:17:43.665329+00:00",{"id":66,"slug":67,"title":68,"cover_image":69,"image_url":69,"created_at":70,"category":13},"eb333777-7723-49a4-8440-380359cf7062","nvidia-blueprints-nim-apis-builders-zh","NVIDIA Blueprints把NIM API包成模板","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780984084505-0hot.png","2026-06-09T05:47:34.726173+00:00",{"id":72,"slug":73,"title":74,"cover_image":75,"image_url":75,"created_at":76,"category":13},"41f49cc3-fa13-466f-87e5-575cfa2c9fb8","rust-worth-the-hype-2026-right-jobs-zh","Rust 在 2026 年值得追捧，但只適合對的工作","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780921978132-e1b0.png","2026-06-08T12:32:20.943246+00:00",{"id":78,"slug":79,"title":80,"cover_image":81,"image_url":81,"created_at":82,"category":13},"f45d93f2-b8a6-45cd-ac56-b4d349df410b","supabase-docker-self-hosting-guide-zh","Supabase Docker 自架更實用了","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780916611381-kymc.png","2026-06-08T11:02:31.738639+00:00",[84,89,94,99,104,109,114,119,124,129],{"id":85,"slug":86,"title":87,"created_at":88},"855cd52f-6fab-46cc-a7c1-42195e8a0de4","surepath-real-time-mcp-policy-controls-zh","SurePath 推出即時 MCP 政策控管","2026-03-26T07:57:40.77233+00:00",{"id":90,"slug":91,"title":92,"created_at":93},"9b19ab54-edef-4dbd-9ce4-a51e4bae4ebb","mcp-in-2026-the-ai-tool-layer-teams-use-zh","2026 年 MCP：團隊真的在用的 AI 工具層","2026-03-26T08:01:46.589694+00:00",{"id":95,"slug":96,"title":97,"created_at":98},"af9c46c3-7a28-410b-9f04-32b3de30a68c","prompting-in-2026-what-actually-works-zh","2026 提示工程，真正有用的是什麼","2026-03-26T08:08:12.453028+00:00",{"id":100,"slug":101,"title":102,"created_at":103},"05553086-6ed0-4758-81fd-6cab24b575e0","garry-tan-open-sources-claude-code-toolkit-zh","Garry Tan 開源 Claude Code 工具包","2026-03-26T08:26:20.068737+00:00",{"id":105,"slug":106,"title":107,"created_at":108},"042a73a2-18a2-433d-9e8f-9802b9559aac","github-ai-projects-to-watch-in-2026-zh","2026 必看 20 個 GitHub AI 專案","2026-03-26T08:28:09.619964+00:00",{"id":110,"slug":111,"title":112,"created_at":113},"a5f94120-ac0d-4483-9a8b-63590071ac6a","claude-code-vs-cursor-2026-zh","Claude Code 與 Cursor 深度對比：202…","2026-03-26T13:27:14.279193+00:00",{"id":115,"slug":116,"title":117,"created_at":118},"0975afa1-e0c7-4130-a20d-d890eaed995e","practical-github-guide-learning-ml-2026-zh","2026 機器學習入門 GitHub 實用指南","2026-03-27T01:16:49.712576+00:00",{"id":120,"slug":121,"title":122,"created_at":123},"bfdb467a-290f-4a80-b3a9-6f081afb6dff","aiml-2026-student-ai-ml-lab-repo-review-zh","AIML-2026：像課綱的學生實驗 Repo","2026-03-27T01:21:51.467798+00:00",{"id":125,"slug":126,"title":127,"created_at":128},"80cabc3e-09fc-4ff5-8f07-b8d68f5ae545","ai-trending-github-repos-and-research-feeds-zh","AI Trending：把 AI 資源收成一張表","2026-03-27T01:31:35.262183+00:00",{"id":130,"slug":131,"title":132,"created_at":133},"3ce6e6e2-bac5-463e-9f8d-45caabcc61f7","awesome-ai-for-science-research-tools-map-zh","AI 科研工具清單，開始像地圖了","2026-03-27T01:46:50.521945+00:00"]