--- title: "Claude Fable 5 怎麼用？設計師的四個實戰工作流與 Brief 模板" slug: claude-fable-5-workflow-tutorial url: https://rar.design/posts/claude-fable-5-workflow-tutorial published_at: 2026-07-04 modified_at: 2026-07-06 author: "設計師 Riven" category: "AI 設計" tags: ["Prompt 模板", "設計師工作流", "AI 設計", "AI 工具", "Anthropic", "Claude Fable 5", "Claude"] access: public_access --- # Claude Fable 5 怎麼用？設計師的四個實戰工作流與 Brief 模板 > 從截圖重建自我校對到一份 brief 蓋一個網站，把專案級任務外包給模型的完整教學 By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-07-04 AI TOOLS · TUTORIAL · 2026▲ 四個工作流總覽：接收委託 → 拆解規劃 → 自主執行 → 驗證交付。內含額度只開放到 7 月 7 日QUICK ANSWERClaude 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 萬行的程式庫遷移，原本一整個團隊要做兩個月的事，它一天做完。你不需要是工程師才能感受這件事的意義——它代表的是，你可以把「一個完整的交付物」外包給模型，而不只是「一個步驟」。▲ 從丟步驟到丟專案。會寫 prompt 的人很多，會寫 brief 的設計師更值錢這個轉變對設計師特別有利，原因很直白：把模糊的需求整理成一份可執行、可驗收的委託——收 brief、寫 brief、對 brief 驗收——這件事設計師練了十年。工程師這兩年在學 prompt engineering，而 Fable 5 這種模型要的其實是 brief engineering。這是你的主場。"你給它的不再是指令，是委託。能力面它也接得住這種委託。下面是官方公布的跑分對照，Fable 5 在軟體工程、知識工作、視覺理解、電腦操作幾乎全面領先，而且官方特別強調一點：任務越長越複雜，它跟其他模型的差距越大。▲ 官方 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 TOKENS1MTOKEN 上下文視窗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.8Fable 的慢與貴划不來另外三件事先知道，用的時候不會慌。第一，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 · 延伸閱讀Claude Fable 5 可以做什麼？設計師的完整應用指南 →回歸日的能力盤點與首波玩法，本篇教學的前情提要Claude Fable 5 是什麼？最強公開模型完整解析 →發布日的深度解析：安全機制、出口管制風波與定價Claude Opus 4.8 是什麼？跑分、誠實升級與實際用法 →日常同步協作的主力模型，跟 Fable 5 是分工不是取代Claude Code 設計師完整指南 →工作流二與工作流四的主戰場，Agentic Loop 完整拆解Claude 三大目錄怎麼裝？設計師必裝清單 →Skills、Connectors、Plugins 一次裝齊，長任務效率翻倍設計師到底該怎麼用 AI？一張判斷地圖 →什麼交給 AI、什麼留給自己，本篇分工邏輯的上位思考EXTRA · LINKS 官方資源Claude Fable 5 與 Mythos 5 官方發布公告Claude Fable 產品頁Redeploying Claude Fable 5：回歸說明與安全強化開發者文件：模型規格與 API 整合SUBSCRIPTIONAI 覺醒設計應用攻略AI 工具每週都在更新，我幫你過濾雜訊，只留對設計師真正有用的應用。了解訂閱 →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：從工作流一「截圖重建自我校對」開始。素材門檻最低（一張截圖就能跑）、回饋最直觀，十幾分鐘就能親眼看到它自己驗收自己的過程，最快建立對這個模型的正確心智模型。