你花三個月做的產品,別讓它只活三秒
2026-10-30
Nocts
16
產品上線了,貼文卻在動態牆上撐不過三秒。這篇用 Mografy 做它自己的上線影片為例,示範獨立開發者怎麼靠 agent,在一個下午做出一支 20 秒、讓人停下來看完的產品影片。
凌晨兩點,你按下發布
那天你終於把最後一個 bug 修掉。截了四張圖,寫了一段很用心的介紹,按下發布。
然後你開始刷新。
十分鐘,三個讚。
一小時,一則留言,是你朋友。
不是產品不好。是它在別人的動態牆上,只停留了不到三秒。
滑過你的人,根本來不及看懂你做了什麼。

截圖說不清楚的事
截圖能告訴人「它長什麼樣子」,卻說不出「用起來是什麼感覺」。
你的產品真正厲害的地方,常常藏在一個流程裡:輸入一句話,結果跑出來的那一瞬間。
按下按鈕,畫面變化的那半秒。那一瞬間,只有影片拍得到。
可是現實很骨感。請剪輯師,一支動輒幾千到上萬元。
自己學 After Effects,一個週末只夠看懂時間軸。
直接放螢幕錄影,字小到在手機上看不清,節奏平到第三秒就被滑走。
所以大部分獨立開發者最後都說了同一句話:算了,放截圖就好。

這次,我讓 Mografy 開始設計
我也是獨立開發者,做 Mografy 半年左右,最常被問的一句話是:「所以這個可以做什麼?」我用文字怎麼解釋,都比不上直接給對方看一支影片。
所以這篇我不拿虛構的產品示範,而是讓 Mografy 做它自己的上線影片。
既然要說服你用它,最誠實的方式,就是讓它先證明自己。
整支影片 20 秒,只講一件事:一句話描述,就能得到一支動畫。
從終端機啟動、下指令、分鏡出現、預覽、輸出,到最後的 logo,每一個鏡頭都只為這句話服務。

從一段錄影到一支上線影片
1. 找到那個「啊,原來如此」的瞬間
先把產品從頭到尾操作一次,錄下來,不用剪。然後回頭找:哪幾秒會讓第一次看到的人「啊」一聲?
Mografy 的是四個瞬間:下指令、分鏡出現、動畫開始播放、輸出完成。
其他功能再好,這次都先放著。觀眾只會記得一件事,你得先替他決定是哪一件。

2. 一個鏡頭,只說一句話
請 agent 依照這幾個瞬間寫分鏡,每個鏡頭寫清楚秒數、畫面、主角和轉場。
20 秒的影片,六七個鏡頭就夠了。
寫完先停下來看過,再讓它動手。改分鏡只要幾分鐘,改動畫可能要一個下午。

3. 不會畫分鏡?跟 agent 說一聲就好
很多人卡在分鏡這一步,是因為覺得自己不會畫。
其實你不用拿起筆,文字分鏡確認之後,直接跟 agent 說:
把 storyboard.md 畫成視覺分鏡: 每個鏡頭一格,16:9,標上秒數和鏡頭編號, 用箭頭標出鏡頭推移和游標的移動路線,輸出成一頁 HTML。
不到一分鐘,你就會拿到一張能在瀏覽器打開的分鏡圖。每一格的構圖、主角在哪裡、鏡頭往哪裡推,一眼就看得出來。

這張圖最大的價值是「對齊」。
哪一格不對,你就直接說:「第 4 格太擠了,卡片改成三張就好」,agent 會重畫那一格。
在分鏡上改,比在動畫上改快太多。如果是接案,這張圖也能直接拿給客戶確認,省掉一輪來回。
我在 Mografy 的每一次創作,都會先跟 agent 交換分鏡:先寫 storyboard.md,再畫成 storyboard.html,兩邊都點頭了才開始做動畫。
4. 不要貼錄影,把介面重新畫一次
這是螢幕錄影和上線影片之間最大的差別。
讓 agent 把介面重新畫在畫布上:拿掉這支影片用不到的按鈕和側欄,把重點區塊放大,顏色和字體統一。觀眾看到的,是你的產品最乾淨、最好看的那一面。

5. 推近,再推近
大部分人在手機上滑到你的影片。原尺寸的介面放進小小的螢幕裡,幾乎什麼都看不清。
所以鏡頭要推近到正在發生事情的地方,游標放大兩到三倍。觀眾的眼睛不該自己去找重點,重點應該走到他面前。

6. 讓畫面有呼吸
找一支你喜歡的產品影片,逐秒記下它的鏡頭長度和轉場,把這個節奏交給 agent。動作用彈性曲線,停下來時帶一點回彈,畫面才會像活的。
最後依畫面生成配樂,讓轉場落在拍點上。
輸出一支 16:9 給 Product Hunt 和 YouTube,再輸出一支 9:16 給 Threads 和 Reels。
三件事,決定觀眾會不會停下來
- 一支影片,只講一個價值。 你愛你產品的每一個功能,但 20 秒塞不下你的愛。挑一個,把它講到最清楚。
- 游標要大,畫面要近。 觀眾在手機上、在通勤時、在睡前滑到你。替他們把重點放大,是最便宜也最有效的升級。
- 字越少越好。 每個畫面少於 6 個字,停留至少 1 秒。來不及讀的字,等於沒放。
你的介面,本來就是最好的素材
做產品的人最不缺的,就是介面。
那些你每天盯著改、改到半夜的畫面,本來就是最好的影片素材。
你比任何剪輯師都清楚,哪一刻最值得被看見。
以前缺的,只是有人幫你把那些瞬間排成一支有節奏的影片。
現在,這件事 agent 可以陪你做了。
下次按下發布之前,給你的產品多一點機會,不只三秒。

這個週末,給你的產品 20 秒
不用等下一個版本,也不用等預算。挑一個你產品裡最得意的瞬間,今天就能開始:

- 打開 Mografy:開源、免費,從 GitHub clone 下來,
pnpm install再mografy dev,播放器就會打開。 - 只描述一個瞬間:告訴 agent 你最想讓觀眾看見的那一刻,先請它寫分鏡,再開始動畫。
- 做完丟到 Discord:到 Mografy Discord 分享你的影片。卡住了也可以直接在那裡問我。
你的產品花了三個月才走到今天。它值得被好好看見,而不只是被滑過。

