讓海報跟著拍子動:用 Claude Design 的 Animation 模板做 15 秒動態海報
不用等 Claude Motion。在 Claude Design 開 Animation 專案,寫四段「幾秒+一個動作」的分鏡、給它一個 BPM,就能做出每個字都落在拍子上的直式動態海報。
為什麼別人用 Claude 做的海報會動,還會跟著拍子,你的只是一張圖?不是要等 Claude Motion。這篇用 Claude Design 的「Animation」模板,替一個虛構活動「大稻埕夜市音樂節 2026」做了一支 15 秒、直式的動態海報。下面每一張圖,都是從那支動畫的時間軸直接截出來的畫面,沒有重畫。
01先搞懂:Claude Design 和 Claude Motion 不一樣
Claude Motion 是 Anthropic 另一個做動畫的工具,官方寫明目前只在 Team 和 Enterprise 方案 beta 測試。Claude Design 則已經結束 beta,官方說每個方案都能用,包括免費方案。
這支海報用的是 Claude Design。入口是 claude.ai/design;官方也說 Claude Design 現在可以直接在 Claude 的對話裡用,claude.ai/design 這個獨立網站會開到 2026 年 12 月 14 日。
- Claude Design 官方介紹 — 包含免費方案
02第 1 步:開一個 Animation 專案
- 打開 claude.ai/design(或在 Claude 對話裡叫出 Claude Design)。
- 新建專案,選「Animation」模板。
- 先想好三件事:總長幾秒、直式還是橫式、要配的音樂大概幾 BPM。我們用的是 15 秒、直式 1080×1920、120 BPM。

03第 2 步:寫四段分鏡,每段「幾秒+一個動作」
不用自己拉時間軸。你只要把動畫拆成四段,每段寫秒數和一個動作,Claude 會自己把時間軸排好。
做一張 15 秒、直式 1080×1920 的動態海報「[活動名稱+年份]」,節拍 120 BPM,分四段: Intro 2 秒:[開場動作,例如 燈籠串從天而降] Title 4.5 秒:標題依節拍一字一字彈出 Ticket 4 秒:[資訊卡從右滑入,蓋上印章] Finale 4.5 秒:鏡頭拉遠成完整海報 配色[主色+亮色+米白],全部繁體中文。

04第 3 步:給它一個 BPM,動作就會落在拍子上
120 BPM 就是每分鐘 120 拍,也就是每秒 2 拍、每 0.5 秒一拍。我們的專案裡,Claude 在程式寫了一行「BPS = 2」(每秒 2 拍),所有動作都照這個拍子排。



05第 4 步:細節交給它,再一句一句改
我們的提示詞沒有寫城市剪影、「淡水河畔・三夜限定」、「河岸舞台・百攤小吃・徹夜開唱」,也沒有寫票根上的日期和地點,這些都是 Claude 自己補上的。

這些全部是程式畫出來的,不是 AI 生成的影片。我們的專案裡,整支動畫就是一個 poster.jsx 程式檔,所以文字、日期、顏色都可以直接改,不會糊掉。
06第 5 步:從頭播一次,再拿去用

預覽下方有播放列,可以拖時間軸一格一格檢查。右邊有下載按鈕。官方頁面列出的匯出格式是 PPTX、PDF、HTML;如果你下載到的不是影片檔,就用螢幕錄影把 15 秒完整播一次錄下來,一樣能放上 IG 限動或 Reels。
07要注意
- 大稻埕夜市音樂節 2026 是虛構活動,海報上的日期、地點和票券都是 Claude 生成的示範內容。真的要用,記得改成正確資訊。
- 動畫本身沒有聲音。配的音樂要有授權:用 IG 內建的音樂庫、免版稅音樂,或自己做的音樂。商業帳號在 IG 能用的音樂可能比較少。
- Claude Motion 目前只在 Team 和 Enterprise 方案 beta;方案和功能以官方頁面為準。
- claude.ai/design 獨立網站開到 2026 年 12 月 14 日,之後改在 Claude 對話裡用 Claude Design。
- 要印出來或商業使用,確認海報用的字體可以商用。