[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tag-claude-design":3},{"tag":4,"articles":11},{"id":5,"name":6,"slug":7,"article_count":8,"description_zh":9,"description_en":10},"a584a12a-decb-4864-b0d4-161b66478668","Claude Design","claude-design",8,"Claude Design 是 Anthropic 的 AI 設計工具，能從對話生成 prototype、簡報、one-pager 與行銷素材，還會讀取 codebase 和 design files 建立設計系統。對開發者來說，重點在它如何把設計、元件與工作流程接到同一套上下文。","Claude Design is Anthropic’s AI design tool for generating prototypes, slide decks, one-pagers, and marketing assets from conversation. Its codebase-aware onboarding builds a reusable design system, making it relevant to developers, design systems, and workflow integration.",[12,21,29,36,44],{"id":13,"slug":14,"title":15,"summary":16,"category":17,"image_url":18,"cover_image":18,"language":19,"created_at":20},"e8a948dd-4701-4174-be70-0512c2faf770","claude-design-open-source-clone-github-stars-zh","Claude Design復刻版衝上 GitHub","Claude Design 上線後，GitHub 很快出現開源復刻版，星標衝到 1.8 萬。這篇拆解它為何爆紅、和傳統設計流程差在哪。","tools","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1778299850440-m5eb.png","zh","2026-05-09T04:10:29.949074+00:00",{"id":22,"slug":23,"title":24,"summary":25,"category":26,"image_url":27,"cover_image":27,"language":19,"created_at":28},"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":30,"slug":31,"title":32,"summary":33,"category":17,"image_url":34,"cover_image":34,"language":19,"created_at":35},"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":37,"slug":38,"title":39,"summary":40,"category":41,"image_url":42,"cover_image":42,"language":19,"created_at":43},"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 的分水嶺已至，設計產業要面對的不只是多一個工具，而是工作流程本身被重新定義。","industry","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776609019274-38xz.png","2026-04-19T13:57:10.957317+00:00",{"id":45,"slug":46,"title":47,"summary":48,"category":49,"image_url":50,"cover_image":50,"language":19,"created_at":51},"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"]