什麼是Raylight？
Raylight 是一款結合人工智慧與人類協作的 3D 動態設計畫布，讓使用者能透過文字描述快速產出可編輯的影片、產品模擬圖及音效。它提供網頁版介面，並支援 MCP server 與 API 整合，讓 AI 代理直接操作畫布上的動畫與鏡頭設定。
Raylight的特色是什麼？
- 3D 產品模擬將螢幕內容置入 iPhone、iPad 或 MacBook 等真實裝置模型中，可調整傾斜角度與光源位置，並匯出任意尺寸的靜態圖像。
- AI 生成聲音與配樂根據提示詞生成音效、背景音樂及旁白，並在多軌時間軸上進行混音與同步。
- MCP server 整合允許 Claude、Codex 等 AI 工具連接 Raylight，透過指令直接修改標題動畫、鏡頭推進方式及渲染靜幀。
- Raylight API支援從程式碼、GitHub workflow 或聊天機器人發送簡報需求，由 Raylight 生成影片提案後經確認即可製作。
- Figma 外掛將 Figma 中的 Frame 作為真實圖層傳入 Raylight，保留自動佈局與元件結構以便後續動畫處理。
- 即時協作檢視透過單一連結分享專案，讓審核者在播放動畫時於畫布上即時移動游標進行討論。
Raylight的使用案例有哪些？
- 產品演示影片製作利用 3D 畫布佈局產品螢幕、文字與形狀，搭配一鍵式入場動畫與攝影機移動，快速完成上市用的 Demo 影片。
- 跨平台素材自動化開發者或工作流負責人透過 API 或 MCP 指令，批量生成不同版本（如深色模式）的產品宣傳影像。
- 無關鍵幀動畫設計設計師在時間軸上拖曳動畫區塊邊緣以設定時機，無需操作複雜的關鍵幀曲線即可調整鏡頭焦點與光暈效果。
如何使用Raylight？
- 建立專案在網頁版畫布上佈局鏡頭，拖入產品螢幕、文字與形狀並對齊分組。
- 添加動畫在時間軸上加入動畫區塊，拖曳邊緣設定持續時間，並選擇如 Fade 或 Typewriter 等預設效果。
- 整合聲音使用提示詞生成音效、音樂或旁白，將其放置於多軌時間軸上與畫面同步。
- AI 輔助修改若已連接 MCP server，向 AI 發出指令（例如「讓標題向上滑動」），觀察畫布上的自動更新結果。
- 匯出成品確認鏡頭移動、焦點與特效後，匯出影片或特定尺寸的靜態圖像。
