Claude Design 是什麼？五個層次讓 AI 圖表不再像 slop
Claude Design 是 Anthropic 新的設計功能，能把資料變成動畫圖表；但預設輸出一看就是 AI。這篇拆五層加工：換字型、換圖示、疊 Lottie、讀你的影片、包成 Skill。
先講一件我最近在意的事。
你有沒有發現，這一年 AI 生的圖表跟簡報，每個人的看起來都長一樣？一樣的 Inter 字型、一樣的紫色漸層、一樣的圓角卡片、一樣那幾個 Lucide 圖示。你一眼就能認出「這張是 AI 生的」——那不是稱讚。
問題不在模型笨，是你只丟給它預設。你不給素材，它就只能拿出訓練資料裡最中間、最安全、最像大家的那一組。
Anthropic 前陣子在 beta 開了 Claude Design——你把想法丟給它，它幫你生出一個可以互動的原型、簡報、或動畫圖表。它是 Claude Pro／Max／Team／Enterprise 的內建功能，位址在 claude.ai/design。
我最近花了一點時間看它怎麼從「一看就 AI」拉到「像我自己做的」。答案是分五個層次疊上去，每一層都是換掉一種預設。
先講清楚：Claude Design 到底是什麼
它不是新的模型，是 Claude 上面新開的一個介面。
你進去 claude.ai/design，跟 Claude 講「我想要一張比較五個模型 benchmark 的動畫長條圖」，它會幫你生出來——可以互動、可以動畫、可以直接匯出。不用你會前端。
跟一般的 Claude 聊天最大的差別，是它可以：
- 匯入你的設計系統。從 GitHub 上的原始碼倉庫（也就是 repo）、設計檔或直接上傳都行，也可以把簡報、Word 或試算表拉進來當素材，它會照你的元件寫
- 匯出到你已經在用的地方。可以存成 PPT、PDF、HTML，也直接接到九個外部服務（Adobe、Canva、Gamma 這類）
- 跟 Claude Code 雙向同步。在 Claude Code 裡打
/design直接開始畫，或/design-sync把設計系統拉進來
這件事對做內容的人有影響。 我做 YouTube，最花時間的兩件事一個是剪片、一個是做圖——動畫圖表、統計插畫、比較表這種，每次都要開 After Effects 或 Figma 慢慢刻。Claude Design 這種工具如果能把「刻圖」的時間壓到十分鐘，就多出的時間可以去多做一集。
但——它預設出來的東西，跟你的頻道畫風完全不合。
為什麼一開始生出來的都長一樣
我想過這件事很久。AI 生的東西看起來都像 AI 生的，不是它「沒有品味」，是它「用了平均值」。
你想像一個問題：「請幫我做一張酷的長條圖」。
模型腦袋裡有一億張酷的長條圖的印象。它不知道你的酷是哪一種，就只能往中間走——把每個人都用過的字型、每個人都用過的顏色、每個人都用過的圓角，全部組合起來。這叫眾數輸出：不冒犯任何人，但也不像任何人。
你只丟一句 prompt
「幫我做一張比較五家 AI 的動畫圖表」
- 模型走安全路線 — Inter 字型、紫藍漸層、圓角
- 圖示是那幾個大家都用的免費 SVG
- 你的品牌不見了，變成通用 AI 樣板
你把素材餵給它
真實數據 + 你的字型 + 你的圖示 + 你的動畫庫
- 同一個模型，長出你自己的樣子
- 同一份 prompt 明天再叫一次，還是像你
- 差別不在 AI，在你給它的原料
所以下面五層，講的都是怎麼把預設換成你的。順序是從「一次能改的」往「每次自動改」走。
第一層：真實數字 + 你的字型
先做兩件事，這兩件解決掉七成的 slop。
一：把「隨口的數字」換成真資料。 你要生一張 AI 模型 benchmark 的圖表，就把幾家公開的 benchmark 分數整理成 CSV 或表格，丟給 Claude Design，叫它照這個做。不要讓它自己編數字（它會編，然後動畫做得美美的但完全是假的）。
真數字有個好處：動畫的節奏會跟著數字走。差 5 分的兩根柱子彈進去的時機、差 30 分的兩根彈進去的時機不一樣，看起來就有戲。
二：換掉 Inter 字型。 這是 AI 圖表最大的破綻。
- 01
找一個你想模仿的字型組合
可以從你自己頻道的品牌指南來，也可以從你欣賞的網站扒下來。看幾個「字型策展」網站找靈感就好。
- 02
確認能不能免費商用
Google Fonts、Fontshare 是兩個完全免費商用的字型庫，優先從這兩個找同款或替代品。
- 03
把字型宣告給它
在你的指令或設計系統裡寫明「標題用 X、內文用 Y」，並貼上該字型的公開連結。之後所有生的圖表都會走這個字型。
我自己的判斷是：字型換掉之後，同一份 prompt 跑出來的東西已經跟預設差得很明顯。這一步 CP 值最高——一次設定、之後所有圖表都在複利上。
第二層：換掉那些「一看就 AI」的圖示
Claude Design 預設會拉那幾個開源圖示包，就是每個 AI 產品都在用的那些。你的圖表用了同一組圖示，等於在正面貼標籤「我是 AI 生的」。
解法簡單但麻煩：買一套或找一套風格特別的圖示包，明確告訴它只從這裡挑。 Flaticon 上有幾萬套，收費的通常有一致的視覺風格；免費的話也有幾個開源的圖示庫可以選，都比預設稀有很多。
同樣的邏輯：你設定一次，之後每張圖都在複利。
第三層：Lottie 動畫 + 真的需要時生一張圖
長條圖動畫是 Claude Design 自己生的，這個沒問題。但當你想在圖表旁邊放一個裝飾動畫——一個彈跳的火箭、一個旋轉的地球、一個打勾動畫——它預設也是自己 CSS 硬刻，很陽春。
Lottie 是 Airbnb 開源的一種向量動畫格式，也就是它的檔案很輕、放大不會糊，網路上有一大批現成的高品質動畫可以下載（去 LottieFiles 這種站找就好）。你把檔案丟給它，告訴它「這裡放這個」，成品的質感差一整級。
再下一步是用 AI 直接生你需要的靜態插圖——一張特定角度的產品截圖、一張抽象的概念圖。這一層我自己還在觀察，工具本身動得很快，等再穩一點再深入寫。
第四層：讓 Claude 逐字看完你的影片
這一步跳到另一個維度。
前面三層是「怎麼把單張圖做好」。第四層是「你已經有一堆內容了，怎麼從裡面自動挑出可以做圖的段落」。
做法是把你已經拍好的影片（或已經有的音檔）丟給 Claude，讓它逐字轉錄，還附帶時間戳。你會拿到一份「這段講了什麼、在幾分幾秒」的文字檔。
然後你可以問它：「這 30 分鐘裡面，有哪三個段落是在念數字、可以做成動畫長條圖？」它會標出來給你。
這件事的意義是把你的內容庫變成素材庫。 過去你要人工聽一次、標出來、再手動做圖；現在這一步變成 prompt 一句話。
讓 Claude 逐字讀你的影片 · 優缺點
- + 一支 30 分鐘的影片，10 分鐘內就能拿到帶時間戳的完整逐字稿
- + 你可以直接請它挑出「哪些段落值得配一張動畫」——不用自己重看
- + 同一份逐字稿也能拿去改寫成部落格文章、社群貼文，複利很高
- − 中文的辨識準確度比英文差一些，人名、術語常常拼錯，要人工掃過
- − 對「這個段落值得做圖」的判斷偏中庸，容易挑那種所有人都會挑的段落
- − 這個工作流吃 token 吃得凶，長影片建議先切段再丟
第五層：把整套包成一個 Claude Skill
前面四層都是你手動觸發：換字型、換圖示、轉錄影片。第五層是把整套變成你點一下就跑完的流程。
Claude 有一個叫 Skill 的東西——你可以把一組固定的做法（要用哪些字型、要用哪些圖示、生完圖要往哪存）寫成一個 skill 檔案，之後只要說「用 XX skill 幫我做一張圖」，它就照你寫的流程跑完。
換句話說：你把「你的品味」寫成一段 Claude 看得懂的說明書，之後所有的圖都會照這本說明書生成。你只要餵原料，它負責把成品照你的樣子做出來。
這是最花力氣的一層，但也是投報率最高的一層——你只做一次，之後每一張圖都在領這筆利息。
我的 takeaway
我看完這一整套之後最大的收穫，跟工具本身沒什麼關係。
過去我看 AI 圖表都覺得「這種輸出，我自己開 Figma 半小時做的還比較有味道」。現在我知道問題不在 AI——是我沒把我的味道翻譯給它。
字型、圖示、動畫庫、剪片時間軸、你的整個品牌手冊——這些東西以前是「我的資產」，用來自己做東西。現在你可以把它們變成 AI 的輸入，讓 AI 拿著你的資產、照你的規範，去做那些你沒時間手動做的事。
工具本身（Claude Design）跟 Coocolab 沒關係，我只是把它拆開來寫一次，讓你少走那些「怎麼做才不像 AI」的冤枉路。這篇看完，你如果本來就在用 Claude 生圖表，回去打開 claude.ai/design，先試最省事的第一層：把字型換掉。差別會讓你不想再用預設。
如果你對這種「不只是聊天」的用法有興趣，我之前也寫過怎麼讓 聊天生的網頁自己抓即時資料、還有怎麼幫 AI 寫程式的工具裝一套資深工程師的紀律，都是同一個方向——AI 好不好用，一半看模型，一半看你餵給它的東西。
延伸閱讀：
延伸閱讀
Claude 只會聊天太浪費：4 個免費 MCP 讓它從回話變工作站
把 Claude 從「回你話」升級成「幫你做事」的最短路徑：4 個官方或準官方的免費 MCP——GitHub 讓它讀 repo 跟 PR、Playwright 幫你開瀏覽器、Context7 餵最新版文件、Figma 直接把設計稿變程式碼。這篇拆解各自解決什麼、怎麼裝、要注意什麼。
Caveman prompt：叫 Claude 講話像山頂洞人，token 帳單瘦一圈
Claude 每次回話都繞客套話——那些字都要錢。Caveman prompt 叫它切成山頂洞人語氣：只留動詞、名詞、數字。什麼場合能用、什麼場合會爛掉，附我整理的 prompt。
MCP 是什麼？三個新手最常搞錯的誤解一次講清楚
MCP 是什麼？三個新手最常搞錯的誤解一次講清楚：它不是模型、不只 Claude 能用、也不是 AI 版 plugin，而是 Anthropic 開源、幫 AI 應用連外掛的標準協議。
Claude Artifacts 接 MCP：發出去的網頁自己抓最新資料
Anthropic 2026 年 7 月 16 日開放 Claude Artifacts 呼叫 MCP connectors，分享出去的網頁在每個觀看者打開時，用他自己的帳號抓即時資料，不再是做完就凍結的靜態快照。
想把這些變成你的實戰能力？
加入 免費會員 — 解鎖「加密貨幣新手 30 天」+「AI 工具 21 天」實戰課、免費 prompt 資源區，還有每天自動生息的放貸 Bot 可試用。email 一鍵註冊、不用密碼。