[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tag-figma":3},{"tag":4,"articles":11},{"id":5,"name":6,"slug":7,"article_count":8,"description_zh":9,"description_en":10},"f0e71162-bb2f-4801-8bc4-415fd8eaa51a","Figma","figma",10,"Figma 是以協作、元件化與設計系統為核心的介面設計平台，常用於產品原型、版型規劃與跨部門交付。當 AI 設計工具開始讀取 codebase、匯出到 Canva，Figma 也成了觀察設計流程如何被重組的重要指標。","Figma is the collaborative interface design platform built around components, prototypes, and design systems. It matters because AI tools are now reading codebases, generating layouts, and exporting into adjacent workflows, making Figma a key reference point for how design work is changing.",[12,21,29,36,43,51,58,65,73],{"id":13,"slug":14,"title":15,"summary":16,"category":17,"image_url":18,"cover_image":18,"language":19,"created_at":20},"5cb91c9d-9a8d-4e9f-a059-775982e25ddd","claude-design-partner-risk-zh","Claude Design 5 個教訓：合作先講會翻車","4 個觀察看出 Claude Design 的發表如何讓合作訊號跑在產品前面，進而放大品牌風險與溝通失誤。","industry","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781316167850-1n3l.png","zh","2026-06-13T02:02:20.840103+00:00",{"id":22,"slug":23,"title":24,"summary":25,"category":26,"image_url":27,"cover_image":27,"language":19,"created_at":28},"08c6b018-aafd-4fb1-8e05-bfd726a2da4d","figma-release-notes-mcp-agent-qa-tools-zh","Figma 推出 MCP 連動 Make、Agent 與 QA 工具","Figma 6 月更新把 Make、設計 Agent 和 QA 檢查串成一條流程，從設計系統比對到 codebase 編輯與 PR 都能接上。","tools","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1781006565224-8mlm.png","2026-06-09T12:02:15.251222+00:00",{"id":30,"slug":31,"title":32,"summary":33,"category":17,"image_url":34,"cover_image":34,"language":19,"created_at":35},"16b6ff6e-a48b-4fac-8f8f-45ea58449a83","baz-spec-review-agent-bedrock-agentcore-zh","Baz 怎麼把規格變成合併檢查","我拆 Baz 的做法：把 Figma、Jira、瀏覽器預覽串成逐條檢查，讓 PR review 不再只看 diff，而是直接驗證產品意圖。","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780762739603-v006.png","2026-06-06T16:18:30.695336+00:00",{"id":37,"slug":38,"title":39,"summary":40,"category":26,"image_url":41,"cover_image":41,"language":19,"created_at":42},"af025468-12fc-49c7-a6b3-62b5ee175f7a","figma-ai-agent-collaborative-canvas-zh","Figma 把 AI 代理放進畫布","Figma 把 AI agent 直接塞進協作畫布，讓設計師能用文字提示生成、修改與迭代版面，也把設計和程式開發流程拉得更近。","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1779474960294-xhm2.png","2026-05-22T18:35:32.384604+00:00",{"id":44,"slug":45,"title":46,"summary":47,"category":48,"image_url":49,"cover_image":49,"language":19,"created_at":50},"4f83d9b9-d7c4-4ce2-96a0-ee6d52567f9f","claude-design-codebase-aware-system-zh","Claude Design 最關鍵的技術細節：讀 codebase 建設計系統","Claude Design 最被低估的功能是它在 onboarding 時會讀取團隊的 codebase 與 design files，自動建出包含顏色、字型、元件的 design system，之後每個專案都自動套用。對開發者來說，這是 AI agent 從「會寫 code」進化到「理解 design tokens 與系統」的一大步。本文拆解這個機制對 AI agent 與設計工程的意義。","ai-agent","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776609018078-9uxl.png","2026-04-19T13:59:21.426881+00:00",{"id":52,"slug":53,"title":54,"summary":55,"category":26,"image_url":56,"cover_image":56,"language":19,"created_at":57},"04ee074a-5fb7-489b-9bee-7c33e99931fe","claude-design-features-guide-zh","Claude Design 功能完整解析：從對話到 slide 只要一句話","Claude Design 最特別的地方不是「生得出 slide」，而是精修機制。使用者可透過聊天對話、對特定元素下 inline 註解、直接編輯文字，或拖動 Claude 即時生成的調整滑桿（間距、顏色、排版）來修改作品。這篇文章完整走過 Claude Design 的五種產出類型、四種精修管道與匯出選項，幫你判斷這個工具適不適合你的工作流。","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776609023306-mhm9.png","2026-04-19T13:58:10.251351+00:00",{"id":59,"slug":60,"title":61,"summary":62,"category":17,"image_url":63,"cover_image":63,"language":19,"created_at":64},"0b98015f-57b7-462b-b2b5-08a692457881","claude-design-vs-figma-canva-zh","Figma 股價當日下跌：Claude Design 如何改寫設計工具戰場","Anthropic 推出 Claude Design 當日，Figma 股價應聲下跌。新戰場上，Figma 守著 collaborative design 領地、Canva 選擇與 Anthropic 合作（Claude Design 可直接匯出至 Canva），Adobe 則以 Firefly 繼續耕耘生成式設計。AI-native design tool 的分水嶺已至，設計產業要面對的不只是多一個工具，而是工作流程本身被重新定義。","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776609019274-38xz.png","2026-04-19T13:57:10.957317+00:00",{"id":66,"slug":67,"title":68,"summary":69,"category":70,"image_url":71,"cover_image":71,"language":19,"created_at":72},"7859c2b7-e2b2-4a74-84b6-7d4d3b59ae23","claude-design-anthropic-launch-zh","Claude Design 上線：Anthropic 推 AI 設計工具挑戰 Figma","Anthropic Labs 於 4 月 17 日推出 Claude Design，使用者可透過對話產出 prototype、slide、one-pager 與行銷素材。產品由 Opus 4.7 驅動，目前以 research preview 開放給 Claude Pro、Max、Team 與 Enterprise 訂戶。Claude Design 在 onboarding 階段會讀取團隊的 codebase 與設計檔，自動建立包含顏色、字型、元件的設計系統，後續所有專案皆自動套用。","model-release","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776601823491-fri0.png","2026-04-19T12:27:01.135769+00:00",{"id":74,"slug":75,"title":76,"summary":77,"category":26,"image_url":78,"cover_image":78,"language":19,"created_at":79},"c9cc07b0-df41-413a-820a-75e66cf9df39","figma-opens-canvas-to-ai-agents-zh","Figma 把 AI 代理拉進畫布","Figma 推出 beta MCP server，讓 AI 代理直接改畫布。搭配 skills 與設計系統脈絡，目標是讓輸出更貼近團隊規範。","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1775113457571-of9t.png","2026-04-02T05:33:29.574869+00:00"]