🎬 分享一個AI 驅動的PPT 製作工作流程 從影片腳本到NanoBanana 生圖、高品質Slidev 演示,4 步驟搞定! 這是我在做BibiGPT AI 課程時總結出來的方法,效率提升10 倍👇
📋 核心流程概覽: 1️⃣ 腳本創作- 寫B 站風格逐字稿 2️⃣ 視覺大綱- AI 產生每頁PPT 描述 3️⃣ 圖片產生- Nano Banana 大量出圖 4️⃣ 組裝Slidev - 模板+ 組件一鍵成型
✏️ Step 1: 產生視覺大綱 用Prompt 模板把影片腳本轉成每頁PPT 的視覺描述 風格關鍵字: • Playful hand-drawn illustration(俏皮手繪) • Warm Beige(暖米色) • Doodle(塗鴉風) 這三個字讓AI 生成的圖片風格統一又有趣🎨
🖼️ Step 2: 大量生成圖片 根據大綱中的// VISUAL 描述,批量產生16:9 插圖 命名規範很重要: • 統一放在slides/zh/ 目錄• 格式: 0.x-01-cover.png • 加上小節號前綴,避免混淆 一次生成幾十張,省時省力⚡
📄 Step 3: 創建slides.md Slidev 的Frontmatter 配置: • theme: seriph • transition: slide-left • 全螢幕背景圖+ 透明佈局 關鍵:末端加上樣式修復 .slidev-layout { background: transparent !important } 這樣背景圖才能完美全螢幕顯示✨
🚀 Step 4: 一鍵預覽 cd slides/zh && slidev https:/slides.md就能看到效果熱更新,邊改邊看 整個流程下來: • 寫稿30min • AI 生圖10min • 組裝10min 一小時內就能做出專業級課程PPT 🎯
💡 額外Tips: 用 組件• mode="cover" - 第一頁深色大氣• mode="normal" - 內容頁角落進度條 或內容頁乾脆不顯示組件,純全螢幕圖片較沉浸 這套工作流程讓我從"做PPT 痛苦" 變成"享受創作" 🙌
📂 目錄結構規格: module-x/ ├── videos/zh/xx-topic.md(逐字稿) └── slides/zh/ ├── slides.md(入口) ├── components/ └── *.png(AI 產生的圖片) 結構清晰,團隊協作也方便
總結這套AI PPT 工作流程的核心: ✅ 腳本驅動,內容為王✅ AI 生圖,風格統一✅ Slidev 組裝,程式碼即文件✅ 熱更新預覽,快速迭代 如果你也在做課程或演示,試試這個方法! 有問題歡迎留言區交流👋
特別感謝@dotey 寶玉老師的生圖prompt