Claude Fable 5 怎麼用?設計師的四個實戰工作流與 Brief 模板

從截圖重建自我校對到一份 brief 蓋一個網站,把專案級任務外包給模型的完整教學
設計師 Riven

設計師 Riven

2026年7月4日 下午 1:52

AI 設計

AI TOOLS · TUTORIAL · 2026

Claude Fable 5 官方品牌主視覺,Anthropic 開放給一般用戶的最強 Mythos 級模型

▲ Claude Fable 5 官方主視覺。它在 7 月 1 日重新上線,訂閱方案的內含額度只開放到 7 月 7 日

QUICK ANSWER

Claude Fable 5 是 Anthropic 開放給一般用戶的最強模型,專門接「連續工作好幾個小時」的專案級任務。這篇教學給設計師四個可以直接複製的工作流:截圖重建自我校對、一份 brief 蓋一個網站、整疊 PDF 變設計提案、設計系統體檢,每個都附模板。Pro/Max 訂閱的內含額度只到 7 月 7 日。

CHAPTER 01 · THE REAL SHIFT

它改變的是任務的顆粒度

Fable 5 上週三回歸之後,我這幾天把手上一個拖了快一個月的案子整包丟給它——舊作品集網站翻新,含改版、寫 code、跑 RWD 驗收。它跑了一個晚上,我早上起來收到一個能直接部署的成品。這種體驗跟過去兩年用 AI 的感覺完全不同,值得專門寫一篇教學講清楚。

如果你還不清楚 Fable 5 的背景,先補兩篇:發布日的完整解析講它是什麼、為什麼被政府管了三週,回歸日的應用指南講它可以做什麼。這篇不重複那些,這篇只講一件事:怎麼用。

先講核心觀念。過去你用 AI 的方式是丟步驟:改這段文案、生一版配色、寫這個元件。模型回你一球,你接住、修正、再丟下一球。這種來回很快,但天花板也很明顯——專案的整體判斷還是掛在你身上,AI 只是把每一步做快一點。

Fable 5 接的是另一種東西:整個專案。它可以自己拆解階段、自己查資料、自己寫、自己驗收、自己修,連續跑好幾個小時不用你介入。官方的說法是它能維持「數天等級」的自主工作;Stripe 在早期測試裡讓它做一個 5,000 萬行的程式庫遷移,原本一整個團隊要做兩個月的事,它一天做完。你不需要是工程師才能感受這件事的意義——它代表的是,你可以把「一個完整的交付物」外包給模型,而不只是「一個步驟」。

BEFORE · 丟步驟

「幫我把這個按鈕改成金色」

一來一往、即時互動。你負責判斷方向,AI 負責執行單步。適合 Opus 這類同步協作模型。

NOW · 丟專案

「照這份 brief 把整個網站做出來,做完自己驗收」

一次委託、異步交付。你負責定義目標與驗收標準,Fable 5 負責拆解、執行、自我檢查。

這個轉變對設計師特別有利,原因很直白:把模糊的需求整理成一份可執行、可驗收的委託——收 brief、寫 brief、對 brief 驗收——這件事設計師練了十年。工程師這兩年在學 prompt engineering,而 Fable 5 這種模型要的其實是 brief engineering。這是你的主場。

"

你給它的不再是指令,
是委託。

能力面它也接得住這種委託。下面是官方公布的跑分對照,Fable 5 在軟體工程、知識工作、視覺理解、電腦操作幾乎全面領先,而且官方特別強調一點:任務越長越複雜,它跟其他模型的差距越大。

Claude Fable 5 與 Mythos 5 官方 benchmark 對照表,涵蓋 SWE-bench、Terminal-Bench、GPQA Diamond、MMMU、OSWorld 等測試,對比 Opus 4.8、GPT-5.5 與 Gemini 3.1 Pro

▲ 官方 benchmark 對照表。設計師可以特別看 MMMU(視覺理解)與 OSWorld(電腦操作)兩列,這兩項直接對應接下來的工作流

CHAPTER 02 · SETUP

三個入口,還有 7 月 7 日之後的現實

Fable 5 目前開放給 Pro、Max、Team 與 Enterprise 用戶,免費版沒有。入口有三個,對應三種用法:

一、Claude 聊天介面。模型選單直接切到 Fable 5 就能用,適合本文的工作流一與工作流三——截圖重建跟文件研究這種「丟素材、收成品」的任務,在對話介面裡就能完成,因為每個對話背後都有一個能跑程式、能裝套件的完整容器。

二、Claude Code。適合工作流二與工作流四——蓋網站、體檢設計系統這種要直接動到整包檔案的任務。如果你還沒用過,先看設計師的 Claude Code 完整指南,那篇把 Agentic Loop 跟 CLAUDE.md 都講透了。

三、Claude Cowork。把任務排程丟給它、關掉視窗去做別的事,最符合 Fable 5 異步工作的性格。入門可以看Cowork 新手教學

再來是錢的部分,這裡有一個時間窗你要知道。7 月 1 日回歸之後,Pro 跟 Max 訂閱可以在每週用量上限的一半以內直接使用 Fable 5,但這個安排只到 7 月 7 日;之後改走 usage credits 加購制。也就是說,讀到這篇的當下,你大概只剩幾天可以用月費把它玩個夠。API 端的定價則是固定的:

$10

每百萬 INPUT TOKENS

$50

每百萬 OUTPUT TOKENS

1M

TOKEN 上下文視窗

128K

單次輸出 TOKENS

貴,而且慢。所以判斷原則很簡單:一次能替你省下半天以上的任務,才值得丟給 Fable 5;十分鐘能來回解決的事,留給 Opus。接下來四個工作流,全部是「省半天以上」等級的。

CHAPTER 03 · WORKFLOW 01

截圖重建 2.0:讓它自己驗收自己

截圖丟進去、生出可以跑的網頁,這招在上一篇已經示範過基本版。但基本版有個老問題:生出來的東西「像」,細看間距、字重、色階全是毛邊,你還是得自己一項一項挑出來叫它修。真正的升級版是把驗收也外包——這正是 Fable 5 視覺能力的殺手鐧,官方描述它會「用視覺對照目標來批判自己的產出」。

它的視覺精度好到什麼程度?官方放了一支影片,讓 Fable 5 純靠看畫面、不讀任何遊戲內部資料,把整款 Pokémon FireRed 破關。對設計師來說這支影片的意義是:它讀得懂畫面裡的空間關係、狀態變化與細節差異——這正是設計驗收需要的那種眼睛。

操作方式:把原始設計截圖(Figma 畫面、參考網站、甚至手繪 wireframe)丟進對話,然後用下面這個模板。重點在最後兩段——你明確要求它產出後自己截圖、跟原稿並排比對、列出差異、修到收斂為止。把驗收標準寫進委託裡,它就會自己跑完整個 QA 迴圈。

PROMPT TEMPLATE · 截圖重建自我校對

把附上的截圖重建成單一 HTML 檔(含 CSS),要求如下:

1. 版面、字級層次、間距、色彩盡量貼近原稿
2. 用〔你的技術偏好,例如:純 HTML + CSS,不用框架〕
3. RWD:桌面與手機各一套斷點

做完之後,在容器裡把你的成品渲染成截圖,跟我給的原稿並排比對,列出所有視覺差異(間距、字重、色彩、對齊),逐項修正後再比對一次。重複這個迴圈,直到你判斷相似度超過九成五,才把最終版本跟差異報告一起交給我。

實際跑起來它會安靜地自己來回好幾輪,最後交出成品加一份「我修了哪些地方」的清單。你的角色從逐項挑錯的美術指導,變成只看最終稿的創意總監。同一招可以反過來用:丟你自己做好的頁面,叫它對照原始設計稿抓出所有走版的地方——工程協作時的設計 QA,一次委託解決。

CHAPTER 04 · WORKFLOW 02

一份 brief,一個網站

這是最能感受「顆粒度轉變」的工作流:作品集網站、活動 landing page、side project 官網,從零到能部署,一個 session 跑完。過去這種案子你會拆成十幾次對話——先聊架構、再生首頁、再修 RWD、再補動效——現在整包寫成一份 brief 丟給 Claude Code 裡的 Fable 5,走開,回來驗收。

成敗全在 brief 的品質。寫給 Fable 5 的 brief 跟寫給外包設計師的 brief 結構幾乎一樣,五個要素缺一不可:

01

目標

這個網站要達成什麼、給誰看

02

風格參照

截圖或網址至少兩個,說清楚各取什麼

03

頁面結構

有哪些頁、每頁有哪些區塊

04

技術限制

框架、字體授權、部署環境

05

驗收清單

交付前它要自己檢查的每一項

BRIEF TEMPLATE · 整站委託

幫我做一個〔作品集〕網站,完整 brief 如下:

目標:讓〔接案客戶〕在 30 秒內理解我的風格與強項,並找到聯絡方式。
風格參照:附兩張截圖——A 取它的排版留白,B 取它的字體氣質。整體走〔暗色、雜誌感〕。
頁面結構:首頁(hero + 精選三件作品)、作品列表、單件作品頁模板、關於我。
技術限制:純靜態 HTML/CSS/少量 JS,不用框架;中文字體用系統字型堆疊。
驗收清單:手機 375px 與桌面 1440px 都不走版;所有圖片有 alt;Lighthouse 效能 90 分以上;每頁自己截圖檢查一次再交付。

分階段執行:先給我站點地圖與首頁線稿確認方向,通過後再做完整版。

注意模板最後一句。就算 Fable 5 能一口氣跑到底,實務上你還是要留一個「方向確認點」——先看站點地圖跟線稿、對了再放行,跟帶新設計師的節奏一模一樣。它強的地方在確認之後:那段過去要來回一週的執行期,現在壓縮成一頓晚餐的時間。Stripe 那個兩個月變一天的遷移案例聽起來很遙遠,但同樣的壓縮比例,會發生在你的作品集網站上。

CHAPTER 05 · WORKFLOW 03

把一疊 PDF 變成設計提案

這個工作流吃的是 Fable 5 的另外兩個規格:100 萬 token 的上下文視窗,加上讀得懂文件裡圖表的視覺理解。過去研究資料要自己先消化成摘要才餵得進去,現在你可以把八份使用者訪談報告、三份競品年報、一份品牌規範原封不動全部丟進同一個對話——圖表、表格、截圖都在 PDF 裡,它直接讀。

官方特別提到它在文件推理、圖表判讀上的表現拿下金融分析 benchmark 的最高分。金融分析師拿它讀年報,設計師拿它讀研究——同一種能力,換一個戰場。設計研究這件事最花時間的從來就那一段:把散落在幾百頁文件裡的訊號,收斂成三個能開工的方向。

PROMPT TEMPLATE · 研究收斂

附件是〔8 份使用者訪談報告 + 3 份競品分析〕。請完成三件事:

1. 跨文件整理:找出至少重複出現三次的使用者痛點,每個痛點附上出處(哪份文件、哪一段),不要腦補文件裡沒有的東西。
2. 競品對照:把三家競品在這些痛點上的解法整理成對照,包含它們圖表裡的數據。
3. 收斂成 3 個設計方向提案:每個方向包含「解決哪個痛點、為什麼現在做、第一個可以驗證的最小改動」。

輸出成一份我可以直接拿去開會的提案文件。資料不足以下結論的地方,明講「證據不足」,不要硬掰。

模板裡有兩個保險絲值得留意:要求每個結論附出處,以及允許它說「證據不足」。研究工作最怕的從來都是一本正經的腦補,把這兩條寫進委託,產出的可信度會差一個量級。收到提案之後,抽查三個出處——都對得上,這份東西就能上會議桌了。

CHAPTER 06 · WORKFLOW 04

設計系統體檢,順便把債還了

每個做過一陣子的產品都有同一種債:design tokens 三套命名並存、色碼一半走變數一半 hardcode、間距系統名存實亡。大家都知道要還,但盤點加批次修改是純體力活,永遠排不進 sprint。這種「範圍大、規則明確、極度枯燥」的任務,剛好是長時程模型的甜蜜點——Stripe 用它做的 5,000 萬行遷移,本質上就是這件事的放大版。

操作上走 Claude Code:把 tokens 檔、元件庫、樣式表整包給它,委託分兩段。第一段只做體檢——列出所有命名不一致、脫離 token 的 hardcode 值、對比度不及格的色彩組合,產出一份 audit 報告給你過目。第二段才是動手:你圈選要處理的項目,它逐檔批次修正,每改完一批自己跑一次視覺回歸比對,確認畫面沒有意外走樣。先體檢後開刀,跟工作流二留「方向確認點」是同一個道理:Fable 5 值得信任的是執行力,方向的裁決權永遠留在你手上。

附帶一提,這類跑好幾個小時的任務很適合搭配排程丟到 Cowork 去,讓它在你睡覺時上工。搭配哪些 Skills 與 Connectors 效率最高,可以參考設計師必裝清單那篇。

CHAPTER 07 · WHEN NOT TO

什麼時候不要用它

講完四個工作流,反面也要講清楚,因為 Fable 5 用錯場合的體驗其實很糟。它慢、它貴、它的性格是悶頭把事做完——這三個特質在專案級任務上是優點,在快速往返的日常協作上全是缺點。改一句文案、調一版配色、來回討論方向,這種十分鐘等級的互動,Opus 4.8 又快又便宜,體驗好得多。官方自己的分工說法也是這樣:Fable 接異步的大專案,Opus 負責同步協作。

FABLE 5 × OPUS 4.8 分工對照

情境

丟給誰

為什麼

整站建置、批次遷移、跨百頁研究

Fable 5

長時程自主執行、自我驗收

改稿、討論、快速往返的日常

Opus 4.8

回應快、成本低、互動體驗好

等不及、額度緊、任務不到半天

Opus 4.8

Fable 的慢與貴划不來

另外三件事先知道,用的時候不會慌。第一,Fable 5 內建安全分類器,資安、生物這類敏感領域的問題會被自動轉給 Opus 4.8 回答,而且轉走的請求不會收 Fable 的價——設計工作幾乎不會踩到,但看到回覆突然標注換了模型,那是機制不是故障。第二,使用 Fable 5 需要接受 30 天的資料保留供安全監測,手上有簽嚴格 NDA 的客戶案,餵料前自己斟酌。第三,它真的慢,複雜任務跑一兩個小時很正常,把它當外包夥伴排程,而別當即時聊天對象。

CHAPTER 08 · TAKEAWAYS

重點整理

 Fable 5 改變的是任務顆粒度——從丟步驟到丟專案,你交出去的是一整份可驗收的委託
 寫好委託的核心技能是 brief 不是 prompt,這是設計師練了十年的老本行
 四個起手工作流:截圖重建自我校對、一份 brief 蓋一個網站、整疊 PDF 收斂成提案、設計系統體檢
 把驗收標準寫進委託、留一個方向確認點——執行交給它,裁決留給你
 十分鐘的事給 Opus 4.8,省你半天的事才給 Fable;7 月 7 日後改 credits 加購,額度要花在刀口上

最後說一點我的觀察。這波模型迭代裡,設計圈的焦慮多半集中在「它會不會取代我」,但 Fable 5 給我的體感恰好相反:模型越能自主執行,「定義問題、寫清楚委託、驗收交付」的能力就越值錢——而這三件事,正是設計師被業主折磨十年練出來的肌肉。工具的世代會一直換,這塊肌肉不會貶值。與其焦慮,先把這幾天剩下的額度拿去跑一個你拖最久的案子,親手量一次那個壓縮比。

RELATED READS · 延伸閱讀

EXTRA · LINKS 官方資源

FAQ

常見問題

Q:Claude 免費版可以用 Fable 5 嗎?

A:不行。Fable 5 開放給 Pro、Max、Team 與 Enterprise 方案。7 月 7 日之前,Pro 與 Max 可在每週用量上限的一半以內直接使用;之後改為 usage credits 加購制。

Q:Fable 5 跟 Opus 4.8 該怎麼選?

A:看任務長度。一次能省你半天以上的專案級任務(整站建置、批次遷移、大量文件研究)給 Fable 5;十分鐘等級的往返協作給 Opus 4.8,又快又省額度。

Q:為什麼我的問題被轉給 Opus 4.8 回答?

A:Fable 5 內建安全分類器,資安、生物等敏感領域的請求會自動改由 Opus 4.8 回覆,且不會以 Fable 的價格計費。這是設計好的安全機制,設計工作幾乎不會觸發。

Q:Fable 5 跟 Mythos 5 差在哪裡?

A:兩者是同一個底層模型。Fable 5 加上安全分類器後開放大眾使用;Mythos 5 沒有這層限制,只提供給經審核的資安防禦與研究機構。一般用戶能碰到的最強版本就是 Fable 5。

Q:API 的價格是多少?

A:每百萬 input tokens 10 美元、每百萬 output tokens 50 美元,支援 100 萬 token 上下文視窗與單次 128K 輸出,prompt caching 命中的 input 費用最高可省 90%。

Q:之前 Fable 5 為什麼消失了三個星期?

A:6 月 12 日美國政府對它實施出口管制,Anthropic 因無法即時驗證用戶國籍而全面暫停服務;6 月 30 日管制解除,7 月 1 日恢復上線並加強了安全防護。完整始末見本站的回歸報導。

Q:設計師該從哪個工作流開始練?

A:從工作流一「截圖重建自我校對」開始。素材門檻最低(一張截圖就能跑)、回饋最直觀,十幾分鐘就能親眼看到它自己驗收自己的過程,最快建立對這個模型的正確心智模型。