當行銷團隊需要在一週內產出 20 支產品宣傳影片時，傳統影片製作流程往往成為瓶頸。Remotion 這套基於 React 的程式化影片生成框架，正在改變這個現實。結合 NotebookLM 的研究能力與 AI 編碼工具，品牌現在可以將影片製作週期從數週壓縮至數小時。
本文將拆解一套經過實戰驗證的工作流程，從品牌素材整理到最終影片輸出，每個步驟都有明確的工具對應與操作指引。
Remotion 的核心價值：為什麼選擇程式化影片生成
Remotion 允許開發者使用 React 組件來定義影片的每一幀。這意味著影片內容可以參數化、資料驅動，並且能夠批量生成。對於電商品牌而言，這代表一套產品模板可以自動套用到數百個 SKU；對於行銷團隊，這意味著 A/B 測試不同文案版本的影片成本趨近於零。
在 Threads 查看
根據 The New Stack 的報導，已有企業使用 Remotion 每月生產超過 10 萬支影片，應用場景涵蓋社群短影片、個人化行銷影片、以及資料視覺化報告。
Remotion 的商業模式採用特殊授權：個人開發者、非營利組織、以及三人以下的小型企業可免費使用；四人以上的企業則需購買商業授權。這種模式確保了開源專案的可持續維護。
工作流程第一步：NotebookLM 建立品牌知識庫
在動手寫任何程式碼之前，先讓 AI 理解你的品牌。NotebookLM 是 Google 推出的研究輔助工具，其最大特點是「以來源為本」——所有回答都必須追溯到你上傳的文件，不會憑空捏造。
操作步驟如下：
- 前往 notebooklm.google.com 建立新筆記本
- 上傳品牌相關素材：產品圖片、品牌指南 PDF、過往行銷素材、競品分析報告
- 使用以下提示詞啟動對話：「請扮演品牌顧問，針對我上傳的素材，提出 5 個適合製作宣傳影片的創意概念。每個概念需包含：目標受眾、核心訊息、視覺風格建議、以及預估影片長度。」
NotebookLM 會根據你的品牌素材生成具體建議，而非泛泛的通用方案。每個引用都可以點擊溯源，確保創意概念與品牌調性一致。
這個步驟的目的不只是獲得創意，更是建立一份「品牌知識庫」。後續的 PRD 撰寫與程式開發都能參照這份基礎。
工作流程第二步：用 AI 生成產品需求文件（PRD）
產品需求文件是開發團隊與創意團隊之間的橋樑。傳統上，撰寫一份完整的 PRD 需要數小時甚至數天；現在可以在 90 秒內完成初稿。
從 NotebookLM 中選擇一個創意概念，將其核心要素複製到 ChatPRD 或其他 AI PRD 生成工具。提示詞範例：
「為一支 30 秒的產品宣傳影片生成 PRD。產品為智慧冰箱，目標受眾為 30-45 歲的都市家庭。影片需要在 Instagram Reels 和 TikTok 投放。核心賣點：食物過期提醒功能。技術框架：使用 Remotion 實現。」
一份合格的 PRD 應包含以下區塊：
| 區塊 | 內容說明 |
|---|---|
| 問題陳述 | 用戶痛點與市場機會 |
| 目標受眾 | 人口統計與行為特徵 |
| 功能需求 | 影片具體要呈現的元素 |
| 技術規格 | 解析度、幀率、輸出格式 |
| 成功指標 | 點擊率、完播率、轉換目標 |
| 時程規劃 | 里程碑與交付日期 |
生成的 PRD 需要人工審閱與調整。AI 擅長結構化輸出，但策略層面的判斷仍需專業經驗。
工作流程第三步：Remotion 專案初始化
確認 PRD 後，進入開發環境設置。Remotion 的專案初始化相當直觀：
npx create-video@latest
系統會引導你選擇模板類型。對於行銷影片，建議從「Blank」模板開始，保持最大彈性。
接著安裝依賴套件並啟動開發伺服器：
cd my-video-project
npm install
npm run dev
瀏覽器會自動開啟 http://localhost:3000，顯示 Remotion Studio 介面。左側是影片預覽，右側是時間軸控制。任何程式碼變更都會即時反映在預覽畫面上。
將先前生成的 PRD 存為 Markdown 檔案，放置於專案根目錄作為上下文參考：
git init
git add .
git commit -m "Initial setup with PRD"
這個 Git 初始化步驟看似基礎，但對後續的 AI 編碼工作流程至關重要。AI 編碼助手需要版本控制來追蹤變更、回滾錯誤、並維護程式碼歷史。
工作流程第四步：AI 編碼助手生成影片組件
這是整個流程的核心環節。使用 Claude Code、Cursor、或 Codex 等 AI 編碼工具，讓 AI 閱讀 PRD 後自動生成 Remotion 組件。
提示詞範例：
「請閱讀專案根目錄的 PRD.md，為智慧冰箱宣傳影片生成以下 Remotion 組件：
- TitleAnimation.tsx：品牌標題進場動畫，使用淡入效果
- ProductShowcase.tsx：產品 3D 旋轉展示
- FeatureHighlight.tsx：三個核心功能的依序呈現
- CallToAction.tsx：結尾 CTA 與品牌標誌
每個組件需要：
- 使用 TypeScript
- 遵循 Remotion 的 useCurrentFrame 與 interpolate 慣例
- 支援透過 props 客製化文案內容」
AI 會生成初始程式碼，你可以在 Remotion Studio 即時預覽效果。不滿意的地方直接用自然語言描述修改需求：「讓標題字體放大 20%，動畫時長從 60 幀改為 45 幀。」
這種迭代模式的效率遠超傳統開發。根據使用者社群的回饋，熟練的開發者可以在一小時內完成原本需要一天的工作量。
進階技巧：嵌入音訊與音效
行銷影片少不了背景音樂與音效。Remotion 原生支援音訊軌道，只需將免版權的 MP3 檔案加入專案。
在專案中建立 public/audio 目錄，放入音訊檔案。然後告訴 AI 編碼助手：「將 public/audio/background.mp3 作為背景音樂加入影片，設定淡入淡出效果。在 ProductShowcase 組件的轉場處加入 whoosh.mp3 音效。」
AI 會生成類似以下的程式碼結構：
import { Audio, interpolate, useCurrentFrame } from 'remotion';
export const BackgroundMusic = () => {
const frame = useCurrentFrame();
const volume = interpolate(frame, [0, 30], [0, 1], {
extrapolateRight: 'clamp',
});
return <Audio src="/audio/background.mp3" volume={volume} />;
};
這種模式的好處是音訊邏輯被封裝為可重複使用的組件，後續專案可以直接複用。
批量渲染與部署
完成單一影片後，Remotion 的真正價值在於批量生成。假設你有 50 個產品需要各自的宣傳影片，只需要準備一份 JSON 資料檔：
[
{"productName": "智慧冰箱 A", "tagline": "食物不再過期", "color": "#3498db"},
{"productName": "智慧冰箱 B", "tagline": "省電更聰明", "color": "#2ecc71"}
]
然後使用 Remotion 的 CLI 批量渲染：
npx remotion render src/index.ts ProductVideo --props='{"productName":"智慧冰箱 A"}' out/product-a.mp4
對於大規模生產，可以使用 Remotion Lambda 部署到 AWS，實現雲端平行渲染。這對於需要每月產出數千支影片的電商品牌尤其重要。
2026 年的新突破：Remotion Skills
2026 年 1 月，Remotion 推出了 Skills 功能，這是一套針對大型語言模型優化的工具集。開發者現在可以透過自然語言指令，直接命令 AI 代理（如 Claude Code）撰寫、修改、並生成基於 React 的專業影片動畫。
安裝指令極為簡潔：
npx skills add remotion-dev/skills
這代表影片製作從「程式碼驅動」正式進入「AI 指令驅動」時代。你只需要告訴 AI：「創建一支教學影片，包含 3D 旋轉效果」，系統就會自動完成程式碼建構與影片渲染。
適用場景與限制
Remotion 最適合以下應用：
- 資料視覺化影片：財務報表、銷售數據、分析儀表板
- 產品展示影片：基於模板的批量生成
- 教學內容：同步文字、圖表、與配音時間軸
- 個人化行銷：為每位用戶客製化內容
不適合的場景包括：
- 需要大量實拍素材的品牌形象片
- 複雜的 3D 動畫（雖然 Remotion 支援 Three.js，但專業 3D 軟體仍是更好選擇）
- 即興創作或實驗性藝術影片
成本效益分析
| 項目 | 傳統影片製作 | Remotion 工作流程 |
|---|---|---|
| 單支影片成本 | NTD 30,000-150,000 | NTD 5,000-15,000（首次開發） |
| 後續變體成本 | 每支 NTD 10,000+ | 趨近於零（僅需修改資料） |
| 製作時程 | 2-4 週 | 1-3 天 |
| 技術門檻 | 影片剪輯專業 | React/TypeScript 基礎 |
| 可擴展性 | 線性成本增長 | 邊際成本遞減 |
對於需要定期產出大量影片的品牌，Remotion 的投資報酬率在第三個月後即可顯現。
引用來源
關於作者
Nora｜Designer @Tenten
協助企業打造產品與藝術指導。在 AI 編碼工具與自動化行銷領域擁有豐富的實戰經驗。
我觀察到許多企業在評估 AI 影片工具時，往往陷入「工具本位」的思維——追逐最新、最炫的功能。但真正的效率提升來自於工作流程的重新設計。Remotion 的價值不在於它是最好的影片編輯器（它不是），而在於它將影片製作納入現有的軟體開發流程，讓技術團隊與行銷團隊說同一種語言。
準備好加速您的影片行銷？
如果您的品牌正在尋找更高效的內容製作方式，或希望評估 AI 驅動的行銷自動化方案，歡迎與 Tenten 團隊預約諮詢，我們將根據您的具體需求，設計最適合的技術解決方案。
