16:9 · 30s
說明中心文章
將導覽放在操作教學文章開頭，讓讀者先看完每個步驟，再閱讀細節。一部影片只講一項任務，使用應用程式中確切的按鈕名稱，說明中心或文件頁可選 16:9。介面變更時請替換截圖，不要讓過時的導覽持續留在線上。
產品導覽影片製作
逐步展示一項功能：加入截圖或產品頁連結，Potto 會將素材製作成附旁白與字幕的導覽影片，讓你逐一編輯場景後再匯出 MP4。
請描述你的影片
預覽與編輯免費，只有匯出時才會扣點數。
0/5000
產品導覽影片範例
其中一部範例以我們去背頁面的連結，搭配「功能導覽」影片類型製作。其餘作品展示如何用不同素材採取相同的逐步教學方式：AI 畫圖工具的三張截圖、PDF 快速入門手冊與課程講義，另有直式與正方形範例，展示其他兩種畫面比例。選擇封面即可播放。
16:9 · 30 秒
逐步教學去背
使用我們的去背頁面連結，搭配「功能導覽」影片類型製作：以上傳步驟的網頁擷取畫面開場，再展示移除背景，以及選擇透明去背圖或合成背景的結果，搭配音樂、不加旁白。
16:9 · 28 秒
三張截圖示範 AI 畫圖
上傳我們 AI 畫圖工具的三張截圖，製作成附旁白的逐步示範：撰寫創作簡述、輸入三行文字，再選擇模型。使用「產品示範影片」類型製作。
16:9 · 34 秒
PDF 手冊製作的電熱水壺快速入門
上傳範例 PDF 快速入門手冊，製作成操作教學：首次使用、設定溫度，再到清潔，每個場景呈現一步。
16:9 · 40 秒
課程講義中的六個步驟
上傳範例 PDF 生物講義，製作成依序說明六個步驟的課程，每個畫面呈現一個概念。
9:16 · 25 秒
適合手機的直式畫面
將範例研究摘要 PDF 製作成 9:16 短片：先提出問題，再以大字呈現三項結果，最後說明限制。展示導覽影片在手機上的畫面形式。
1:1 · 22 秒
適合社群動態的正方形畫面
將範例年報 PDF 製作成 1:1 摘要，呈現三個數字、各搭配一句說明。展示適合社群動態或電子郵件的正方形畫面。
這些範例來自 Potto 自己的頁面與截圖，以及我們撰寫的範例文件；文件中的公司與數據均為虛構。它們並非客戶專案的錄製畫面。
從分鏡列到導覽影片畫面
將去背導覽的最後一步，以分鏡列與影片畫面並排呈現。畫面文字來自分鏡，場景版面、圖示與動態效果則在算繪時加入。
第 4／5 個場景 · 7 秒
畫面文字
- Transparent cutout
- Flattened composite
分鏡列包含哪些內容
功能導覽影片的每個步驟各占一列分鏡：該步驟的畫面文字，以及開啟旁白時要說的內容。Potto 會根據連結或截圖，依任務順序規劃各列，讓最後一步排在必要的前置操作之後。
畫面呈現什麼
相同文字以簡短標籤出現在步驟場景中，搭配從頁面連結取得的色彩與標誌。在此範例中，上傳步驟展示從連結擷取的去背頁面，後續步驟則使用標籤與前後對比場景；有自己的截圖時，每個步驟都能展示真實介面。
匯出前需要檢查的地方
將軟體導覽影片的每一列與實際產品核對：按鈕名稱、操作順序與畫面結果。在分鏡中編輯畫面文字，必要時換上真實畫面的截圖，匯出前再次預覽。
哪些地方適合放功能導覽影片
產品導覽影片回答一個問題：這項功能該怎麼用？先找出觀眾會在哪裡提出這個問題，再依該情境決定畫面比例、片長與要呈現的步驟數。
16:9 · 28s
功能更新與版本說明
功能推出或調整時，簡短的軟體導覽影片可展示功能在哪裡、現在該怎麼用。從使用者熟悉的畫面開始，依序展示新步驟，最後呈現結果。若是宣告優點與開放使用時間，產品發表影片會比導覽更適合。
16:9 · 34s
新使用者入門教學
每項功能各製作一部應用程式導覽影片，教導新使用者最先需要完成的任務。9:16 適合手機與應用程式內訊息，1:1 適合社群動態或電子郵件。每部導覽最後都要告訴使用者接下來應在產品中做什麼。
如何進行產品導覽影片製作
使用上方創作區，三個步驟就能製作功能導覽影片。生成與預覽免費，匯出前會顯示所需點數。
1. 加入連結或截圖
貼上公開產品連結，或依序上傳各步驟的截圖，每個專案最多 8 個附件。將影片類型選為「功能導覽」，再用一句話說明功能、導覽對象與應達成的結果。
2. 檢查每個步驟
對照產品閱讀大綱與分鏡。每個場景都能編輯畫面文字與旁白、更換截圖或選擇焦點，讓該步驟指向正確的控制項。功能名稱必須與應用程式顯示的文字完全一致。
3. 預覽後匯出 MP4
在瀏覽器中免費觀看導覽影片。可匯出 1080p MP4、30 fps，比例可選 16:9、9:16 或 1:1。僅在匯出時依片長、旁白與插圖收取點數。
Potto 如何製作產品導覽影片
螢幕錄影會錄下每次點擊、停頓與失誤。Potto 則從你提供的畫面製作導覽：Claude Opus 5.5 將一項功能規劃成一連串步驟，以截圖作為畫面素材，再加入旁白、字幕與音樂，讓產品導覽影片像剪輯好的教學，而非原始錄影。
01
從公開連結或自己的截圖開始
提供公開的 http 或 https 網頁，Potto 會讀取該頁與同一網站上最多另外 2 個頁面，擷取品牌名稱、色彩、字型與標誌，並以 1440×900 擷取首屏。需要登入的頁面無法讀取，因此若應用程式導覽影片要展示登入後畫面，請改為上傳截圖。
- 公開頁面加上最多 2 個同站頁面
- 登入後畫面使用截圖
去背範例中從連結擷取的頁面 02
依序教學一項功能的腳本
選擇「功能導覽」影片類型後，Claude Opus 5.5 會依產品畫面順序，將大綱、分鏡與旁白腳本寫成編號步驟，呈現每次操作與帶來的變化。場景由 Potto 的 Remotion 場景元件算繪，搭配 AI 生成的插圖與旁白。
- Claude Opus 5.5 撰寫大綱、分鏡與腳本
- 步驟依照產品畫面順序排列
去背範例中的步驟場景 03
將截圖作為畫面素材
軟體導覽影片必須展示使用者實際會看到的畫面才有用。Potto 會將截圖放入場景，每個場景都能選擇焦點、換上較新的截圖或替換插圖，讓你修正單一步驟時不必重做整部導覽。
- 為每張截圖選擇焦點
- 更換畫面，不必重頭開始
AI 畫圖範例中的截圖場景 04
支援 32 種語言的旁白與字幕
可選擇 32 種旁白語言中的任一種，或讓 Potto 自動偵測語言；字幕會隨語音逐字醒目顯示。背景音樂取自 Potto 自己的原創音樂庫，依風格與片長挑選，也可自行更換。匯出前請聽一次，確認產品名稱與按鈕標籤。
- 32 種旁白語言或自動偵測
- 逐字字幕
電熱水壺手冊範例中附字幕的場景 05
以三種畫面比例匯出導覽影片
匯出 1080p MP4、30 fps；說明中心與文件頁可選 16:9（1920×1080），手機與應用程式內訊息可選 9:16（1080×1920），社群動態可選 1:1（1080×1080）。畫面比例不影響價格，請依導覽影片的播放位置選擇。
- 16:9、9:16 與 1:1 畫面
- 價格不受畫面比例影響
16:9、9:16 與 1:1 範例
探索更多 Potto AI
每部產品導覽影片都教學一項功能。這些頁面介紹其他影片類型。
產品導覽影片製作常見問題
了解產品導覽影片是什麼、與產品示範有何不同，以及匯出前要知道的輸入素材、編輯方式與價格。
什麼是產品導覽影片？
產品導覽影片是依序展示真實介面的操作步驟，教導觀眾使用產品或其中一項功能的短片，通常搭配旁白與字幕。觀眾可跟著操作，在自己的應用程式中得到相同結果。Potto 的產品導覽影片製作以截圖或產品連結為起點：規劃步驟、將產品畫面放入動畫場景，再加入旁白、字幕與音樂。它不會錄製螢幕，也不會生成虛擬主持人。
產品導覽與產品示範影片有什麼不同？
產品導覽逐步教學一項功能，產品示範則展示整個產品能做什麼、為何值得使用。產品示範回答「我該用這個產品嗎？」；產品導覽則為已開啟產品的人回答「這該怎麼操作？」在 Potto，兩者是不同影片類型：操作教學請選「功能導覽」，整體介紹請選「產品示範影片」。
「功能導覽」影片類型是什麼？
「功能導覽」是 Potto 創作區「影片類型」選單中的選項之一，與「自動」、「產品示範影片」、「解說影片」、「產品發表」、「文章轉影片」及「數據故事」並列。它會指示 AI 依你提供的畫面順序，將單一功能規劃成編號步驟。若想要功能導覽影片而非一般介紹，請主動選擇此類型，不要保留「自動」。
如何製作產品導覽影片？
在上方創作區加入每個步驟的截圖或公開產品連結，將影片類型選為「功能導覽」，並用一句話說明功能、受眾與應達成的結果。Potto 會草擬大綱、分鏡、旁白與字幕；你可對照產品檢查每個步驟，在瀏覽器中免費預覽導覽影片，再匯出 MP4。
應該從連結還是截圖開始？
公開頁面適合使用連結，需要登入的內容則使用截圖。Potto 會讀取你提供的公開 http 或 https 網頁，以及同一網站上最多另外 2 個頁面，並以 1440×900 擷取首屏。需要登入的頁面無法讀取，因此若應用程式導覽影片要展示登入後畫面，請依序上傳每個步驟的截圖。每個專案最多可放 8 個附件，包含截圖與文件。
可以上傳螢幕錄影來製作導覽嗎？
目前不行。Potto 現階段無法分析或編輯螢幕錄影等既有影片，而是從截圖、公開網頁連結或文件製作全新的產品導覽影片。如果你已有錄影，請將每個步驟匯出為靜態畫面，再依序上傳截圖。
匯出前可以編輯步驟嗎？
可以。匯出前，你可以編輯軟體導覽影片每個場景的畫面文字與旁白腳本。畫面方面可更換截圖、選擇焦點、重新生成 AI 插圖，或改用自己上傳的圖片。每次修改後都請再次預覽，並將每個步驟與實際產品核對。
導覽影片會使用我的品牌色彩與標誌嗎？
會，選擇品牌套件或開啟預設品牌後，就會將其中的四種品牌色彩套用到畫面。字型可選擇 Inter、Space Grotesk 或 Bricolage，標誌則會出現在開場與結尾場景。從連結開始時，Potto 也會擷取該頁的品牌名稱、色彩、字型與標誌。
旁白可以使用哪些語言？
旁白可選擇 32 種語言中的任一種，或讓 Potto 自動偵測語言。字幕會隨語音逐字醒目顯示。製作軟體導覽影片時，請在匯出前聽一次，確認產品名稱、選單標籤與縮寫，因為觀眾會在自己的畫面上尋找這些文字。
可以匯出哪些格式？
Potto 可將每部產品導覽影片以 1080p、30 fps 匯出為 MP4。說明文章可選 16:9（1920×1080），手機可選 9:16（1080×1920），社群動態或電子郵件可選 1:1（1080×1080）。目前不支援 4:5 畫面與 GIF 匯出。
一部產品導覽影片需要多少點數？
在瀏覽器中生成與預覽導覽影片都免費，僅在匯出時收取點數。價格依影片長度、旁白長度與 AI 插圖數量計算，畫面比例不影響價格。舉例來說，30 秒、附英文旁白且不含插圖的影片需要 153 點數；加入 2 張插圖後為 199 點數。每個帳號每天最多可新增 30 個影片專案與生成 60 張插圖。
製作產品導覽影片
加入截圖或產品連結，檢查每個步驟，匯出 MP4 導覽影片前先確認所需點數。