[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-claude-design-anthropic-launch-zh":3,"tags-claude-design-anthropic-launch-zh":27,"related-lang-claude-design-anthropic-launch-zh":28,"related-posts-claude-design-anthropic-launch-zh":32,"series-model-release-7859c2b7-e2b2-4a74-84b6-7d4d3b59ae23":51},{"id":4,"title":5,"content":6,"summary":7,"source":8,"source_url":9,"author":10,"image_url":11,"keywords":12,"language":18,"translated_content":9,"views":19,"is_premium":20,"created_at":21,"updated_at":21,"cover_image":11,"published_at":21,"rewrite_status":22,"rewrite_error":9,"rewritten_from_id":9,"slug":23,"category":24,"related_article_id":25,"status":26,"google_indexed_at":9,"x_posted_at":9},"7859c2b7-e2b2-4a74-84b6-7d4d3b59ae23","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",[13,14,15,16,17],"Claude Design","Anthropic","Opus 4.7","AI 設計工具","Figma","zh",0,false,"2026-04-19T12:27:01.135769+00:00","done","claude-design-anthropic-launch-zh","model-release","9245be69-14ae-4bf3-91ef-d2366b08e460","published",[],{"id":25,"slug":29,"title":30,"language":31},"claude-design-anthropic-launch","Claude Design Launches: Anthropic's AI Design Tool Enters Beta","en",[33,39,45],{"id":34,"slug":35,"title":36,"cover_image":37,"image_url":37,"created_at":38,"category":24},"e205910b-f3c7-45bc-9f9d-65119cce411a","qwen36-35b-a3b-open-source-agentic-coding-zh","Qwen3.6-35B-A3B 打開 Agentic Co…","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776600414403-glxv.png","2026-04-19T12:06:34.520823+00:00",{"id":40,"slug":41,"title":42,"cover_image":43,"image_url":43,"created_at":44,"category":24},"0e194b22-718e-45f9-9ad6-2649b49cd21e","gemini-app-release-notes-latest-updates-zh","Gemini最新更新總整理","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776514185258-7g5s.png","2026-04-18T12:09:31.74909+00:00",{"id":46,"slug":47,"title":48,"cover_image":49,"image_url":49,"created_at":50,"category":24},"a3c7f0ae-6f45-4912-8617-66382a90a390","linux-7-0-rust-ai-bug-finding-zh","Linux 7.0 上線：Rust 與 AI 找蟲","https:\u002F\u002Fxxdpdyhzhpamafnrdkyq.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Fcovers\u002Finline-1776427615139-lfqs.png","2026-04-17T12:06:36.315425+00:00",[52,57,62,67,72,77,82,87,92,97],{"id":53,"slug":54,"title":55,"created_at":56},"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":58,"slug":59,"title":60,"created_at":61},"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":63,"slug":64,"title":65,"created_at":66},"214ab08b-5ce5-4b5c-8b72-47619d8675dd","why-small-models-are-winning-on-device-ai-zh","小模型為何吃下裝置端 AI","2026-03-26T07:36:30.488966+00:00",{"id":68,"slug":69,"title":70,"created_at":71},"785624b2-0355-4b82-adc3-de5e45eecd88","midjourney-v8-faster-images-higher-costs-zh","Midjourney V8 變快了，也變貴了","2026-03-26T07:52:03.562971+00:00",{"id":73,"slug":74,"title":75,"created_at":76},"cda76b92-d209-4134-86c1-a60f5bc7b128","xiaomi-mimo-trio-agents-robots-voice-zh","小米 MiMo 三模型瞄準代理、機器人與語音","2026-03-28T03:05:08.779489+00:00",{"id":78,"slug":79,"title":80,"created_at":81},"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":83,"slug":84,"title":85,"created_at":86},"d68e59a2-55eb-4a8f-95d6-edc8fcbff581","cursor-composer-2-started-from-kimi-zh","Cursor Composer 2 其實從 Kimi 起步","2026-03-28T03:11:58.893796+00:00",{"id":88,"slug":89,"title":90,"created_at":91},"c4b6186f-bd84-4598-997e-c6e31d543c0d","cursor-composer-2-agentic-coding-model-zh","Cursor Composer 2 走向代理式寫碼","2026-03-28T03:13:06.422716+00:00",{"id":93,"slug":94,"title":95,"created_at":96},"45812c46-99fc-4b1f-aae1-56f64f5c9024","openai-shuts-down-sora-video-app-api-zh","OpenAI 關閉 Sora App 與 API","2026-03-29T04:47:48.974108+00:00",{"id":98,"slug":99,"title":100,"created_at":101},"e112e76f-ec3b-408f-810e-e93ae21a888a","apple-siri-gemini-distilled-models-zh","Apple Siri 牽手 Gemini 的真相","2026-03-29T04:52:57.886544+00:00"]