[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-claude-design-anthropic-launch-zh":3,"article-related-claude-design-anthropic-launch-zh":24,"series-model-release-7859c2b7-e2b2-4a74-84b6-7d4d3b59ae23":77},{"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":10,"related_article_id":15,"keywords":16,"key_takeaways":10,"views":22,"created_at":23,"published_at":23,"topic_cluster_id":10},"7859c2b7-e2b2-4a74-84b6-7d4d3b59ae23","claude-design-anthropic-launch-zh","Claude Design 上線：Anthropic 推 AI 設計工具挑戰 Figma","\u003Cp>Anthropic Labs 在 2026 年 4 月 17 日推出 Claude Design，定位是一個讓「沒有設計背景的人也能快速把想法視覺化」的工具。產品由前一天剛發布的 Claude Opus 4.7 驅動，以 research preview 形式提供給 Claude Pro、Max、Team 與 Enterprise 訂戶，不需額外付費，使用額度計入現有訂閱方案。\u003C\u002Fp>\n\u003Cp>這個消息出現的時機相當明顯：Opus 4.7 剛把高解析度視覺能力推到 2576 像素、把 SWE-bench 推到 87.6 分，Anthropic 馬上推出一個必須靠視覺能力驅動的產品。Claude Design 不是一個附屬的 chatbot 小功能，而是一條全新的產品線。\u003C\u002Fp>\n\u003Ch2>Claude Design 能做什麼\u003C\u002Fh2>\n\u003Cp>根據官方公告，Claude Design 目前支援五種產出類型：prototype、slide 簡報、one-pager、marketing collateral、mockup。使用者透過自然語言描述要做什麼，Claude 會先生出一個初版，再讓使用者用多種方式精修。整體流程強調對話，不需要學習圖層、錨點、mask 等傳統設計軟體的概念。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776601823491-fri0.png\" alt=\"Claude Design 上線：Anthropic 推 AI 設計工具挑戰 Figma\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\n\u003Cp>這個定位很直接：Anthropic 不是要打敗專業設計師手上的工具，而是要解決創辦人、PM、行銷人員「想法在腦袋裡但不會畫」的痛點。\u003C\u002Fp>\n\u003Ch2>核心功能：動態滑桿與 inline 編輯\u003C\u002Fh2>\n\u003Cp>Claude Design 最特別的地方不在產出，而在精修機制。使用者有四個管道可以調整作品：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>對話式指令\u003C\u002Fstrong>：在聊天視窗繼續輸入修改要求\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Inline 註解\u003C\u002Fstrong>：在特定元素上留言，Claude 只改那塊\u003C\u002Fli>\n\u003Cli>\u003Cstrong>直接文字編輯\u003C\u002Fstrong>：畫面上的文字可直接點擊修改\u003C\u002Fli>\n\u003Cli>\u003Cstrong>動態滑桿\u003C\u002Fstrong>：Claude 根據上下文即時生成的調整介面，讓使用者拖動來改間距、顏色、排版\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>第四點是這個產品最具差異化的設計。不同作品會出現不同的滑桿，而不是像傳統軟體那樣提供固定的屬性面板。換句話說，Claude 會「推測你現在可能想改什麼」再開出對應的控制項。\u003C\u002Fp>\n\u003Ch2>Design System 自動建立\u003C\u002Fh2>\n\u003Cp>真正讓 Claude Design 不只是「一個 AI 畫圖工具」的，是 onboarding 階段的 design system 建立機制。新使用者連接團隊的 codebase 與設計檔後，Claude 會讀取其中的顏色、字型、元件定義，自動建出一套屬於這個團隊的 design system。後續所有在 Claude Design 產出的作品，都會自動套用這套系統，不需要每次手動指定。\u003C\u002Fp>\n\u003Cfigure class=\"my-6\">\u003Cimg src=\"https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776601817788-2g5h.png\" alt=\"Claude Design 上線：Anthropic 推 AI 設計工具挑戰 Figma\" class=\"rounded-xl w-full\" loading=\"lazy\" \u002F>\u003C\u002Ffigure>\n\n\u003Cp>團隊可以同時維護多套 design system，例如產品、行銷、內部文件各一套，並隨時微調。對於重視品牌一致性的組織來說，這個機制把 AI 產出從「看起來還可以」拉到「直接符合品牌規範」。\u003C\u002Fp>\n\u003Ch2>匯出與協作\u003C\u002Fh2>\n\u003Cp>Claude Design 的匯出選項涵蓋常見工作流：可輸出成 PDF、PPTX、獨立 HTML 檔，也能直接匯出到 Canva，或透過內部連結分享給組織成員。Canva 的整合尤其值得注意，代表 Anthropic 選擇與既有設計平台合作，而不是完全封閉生態系。\u003C\u002Fp>\n\u003Ch2>定價與可用性\u003C\u002Fh2>\n\u003Cp>Claude Design 目前在 research preview 階段，採分階段開放。官方說明 4 月 17 日當天會逐步對 Pro、Max、Team、Enterprise 訂戶開放存取，不另外收費，但有用量上限，超過後可選擇付費解鎖額外額度。免費使用者目前無法使用。\u003C\u002Fp>\n\u003Ch2>結語\u003C\u002Fh2>\n\u003Cp>Claude Design 的推出，意味著 Anthropic 開始把 Claude 從「API 裡的 LLM」推向獨立的應用產品線。下一個問題是：Figma 與 Canva 會怎麼接招？市場上第一個答案在產品上線當天就出現了。\u003C\u002Fp>\n\u003Ch2>延伸閱讀\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"\u002Fnews\u002Fclaude-design-vs-figma-canva\">Figma 股價當日下跌：Claude Design 如何改寫設計工具戰場\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"\u002Fnews\u002Fclaude-design-features-guide\">Claude Design 功能完整解析：從對話到 slide 只要一句話\u003C\u002Fa>\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"\u002Fnews\u002Fclaude-design-codebase-aware-system\">Claude Design 最關鍵的技術細節：讀 codebase 建設計系統\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\n","Anthropic Labs 於 4 月 17 日推出 Claude Design，使用者可透過對話產出 prototype、slide、one-pager 與行銷素材。產品由 Opus 4.7 驅動，目前以 research preview 開放給 Claude Pro、Max、Team 與 Enterprise 訂戶。Claude Design 在 onboarding 階段會讀取團隊的 codebase 與設計檔，自動建立包含顏色、字型、元件的設計系統，後續所有專案皆自動套用。","OraCore Original",null,"OraCore","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776601823491-fri0.png","model-release","zh","9245be69-14ae-4bf3-91ef-d2366b08e460",[17,18,19,20,21],"Claude Design","Anthropic","Opus 4.7","AI 設計工具","Figma",7,"2026-04-19T12:27:01.135769+00:00",{"tags":25,"relatedLang":36,"relatedPosts":40},[26,28,30,32,34],{"name":20,"slug":27},"ai-設計工具",{"name":19,"slug":29},"opus-47",{"name":18,"slug":31},"anthropic",{"name":17,"slug":33},"claude-design",{"name":21,"slug":35},"figma",{"id":15,"slug":37,"title":38,"language":39},"claude-design-anthropic-launch","Claude Design Launches: Anthropic's AI Design Tool Enters Beta","en",[41,47,53,59,65,71],{"id":42,"slug":43,"title":44,"cover_image":45,"image_url":45,"created_at":46,"category":13},"003f59ba-8d5a-40cb-8e6b-0b51898bc537","midjourney-21-second-video-model-closed-ai-wrong-deal-zh","為什麼 Midjourney 的 21 秒影片模型證明封閉式 AI 是錯的交易","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780648396657-oa18.png","2026-06-05T08:32:37.400103+00:00",{"id":48,"slug":49,"title":50,"cover_image":51,"image_url":51,"created_at":52,"category":13},"b5889da8-fa42-44ed-89a7-3347655b388d","microsoft-seven-ai-models-openai-anthropic-build-2026-zh","7 款 Microsoft AI 模型登場","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780642975404-f8mr.png","2026-06-05T07:02:23.607092+00:00",{"id":54,"slug":55,"title":56,"cover_image":57,"image_url":57,"created_at":58,"category":13},"70220ef9-6fc2-4c25-806b-6486422f0178","microsoft-seven-homegrown-ai-models-openai-dependence-zh","7 款 Microsoft 自研 AI 模型登場","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780642070020-8fkt.png","2026-06-05T06:47:22.990551+00:00",{"id":60,"slug":61,"title":62,"cover_image":63,"image_url":63,"created_at":64,"category":13},"b5926931-ce20-4b9d-8814-a3c960187209","what-we-know-about-gpt-56-release-date-zh","GPT-5.6 何時發布？目前線索整理","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780574585815-dzo7.png","2026-06-04T12:02:35.122398+00:00",{"id":66,"slug":67,"title":68,"cover_image":69,"image_url":69,"created_at":70,"category":13},"1985ce38-03c6-4968-96fa-b751553bbef3","why-claude-opus-48-is-not-the-big-story-zh","為什麼 Claude Opus 4.8 不是大新聞","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780531367297-nrfs.png","2026-06-04T00:02:24.633987+00:00",{"id":72,"slug":73,"title":74,"cover_image":75,"image_url":75,"created_at":76,"category":13},"8810b91a-9aa2-4cd6-a58b-18fad5897423","devin-booker-sedona-mcdonalds-shoe-launch-zh","Booker把Sedona麥當勞變鞋款發表場","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1780510686292-fm1k.png","2026-06-03T18:17:31.966783+00:00",[78,83,88,93,98,103,108,113,118,123],{"id":79,"slug":80,"title":81,"created_at":82},"58b64033-7eb6-49b9-9aab-01cf8ae1b2f2","nvidia-rubin-six-chips-one-ai-supercomputer-zh","NVIDIA Rubin 把六顆晶片塞進 AI 機櫃","2026-03-26T07:18:45.861277+00:00",{"id":84,"slug":85,"title":86,"created_at":87},"0dcc2c61-c2a6-480d-adb8-dd225fc68914","march-2026-ai-model-news-what-mattered-zh","2026 年 3 月 AI 模型新聞重點","2026-03-26T07:32:08.386348+00:00",{"id":89,"slug":90,"title":91,"created_at":92},"214ab08b-5ce5-4b5c-8b72-47619d8675dd","why-small-models-are-winning-on-device-ai-zh","小模型為何吃下裝置端 AI","2026-03-26T07:36:30.488966+00:00",{"id":94,"slug":95,"title":96,"created_at":97},"785624b2-0355-4b82-adc3-de5e45eecd88","midjourney-v8-faster-images-higher-costs-zh","Midjourney V8 變快了，也變貴了","2026-03-26T07:52:03.562971+00:00",{"id":99,"slug":100,"title":101,"created_at":102},"cda76b92-d209-4134-86c1-a60f5bc7b128","xiaomi-mimo-trio-agents-robots-voice-zh","小米 MiMo 三模型瞄準代理、機器人與語音","2026-03-28T03:05:08.779489+00:00",{"id":104,"slug":105,"title":106,"created_at":107},"9e1044b4-946d-47fe-9e2a-c2ee032e1164","xiaomi-mimo-v2-pro-1t-moe-agents-zh","小米 MiMo-V2-Pro 登場：1T MoE 模型","2026-03-28T03:06:19.002353+00:00",{"id":109,"slug":110,"title":111,"created_at":112},"c4b6186f-bd84-4598-997e-c6e31d543c0d","cursor-composer-2-agentic-coding-model-zh","Cursor Composer 2 走向代理式寫碼","2026-03-28T03:13:06.422716+00:00",{"id":114,"slug":115,"title":116,"created_at":117},"e112e76f-ec3b-408f-810e-e93ae21a888a","apple-siri-gemini-distilled-models-zh","Apple Siri 牽手 Gemini 的真相","2026-03-29T04:52:57.886544+00:00",{"id":119,"slug":120,"title":121,"created_at":122},"c679b51f-194a-463b-87fc-7695256ff752","mimo-v2-pro-vs-omni-vs-flash-2026-zh","MiMo V2 Pro、Omni、Flash 怎麼選","2026-04-02T01:18:43.576128+00:00",{"id":124,"slug":125,"title":126,"created_at":127},"3b988fd7-6749-4f01-ba25-c0ad7486dc31","z-ai-glm-5v-turbo-design2code-claude-zh","GLM-5V-Turbo 在 Design2Code 贏了…","2026-04-02T04:03:36.31741+00:00"]