開發故事閱讀時間 5 分鐘

為什麼我開發 Mografy?

AI 生成動畫很快,但做出來之後,我們還能不能控制它?這是 Mografy 誕生的故事,以及它想幫助的設計師、獨立開發者、內容創作者與學習者。

幕後故事動態設計AI 協作

這幾個月,我一直在研究一件事情:

AI 能不能真的幫我們做好 Motion Graphics?

現在已經有很多 AI 可以直接生成動畫,甚至只要輸入一句 Prompt,就能得到一支看起來很完整的影片。

但實際使用一段時間後,我發現真正的問題不是「AI 做不做得出來」,而是:

做出來之後,我們還能不能控制它?

AI 很會生成,但不一定很好修改

如果只是想快速產生一支影片,現在的 AI 已經非常厲害。

但當你開始真的拿它來做專案,就會遇到很多問題。

例如:

「這個標題晚 0.5 秒出現。」

「這個轉場太快了。」

「品牌色換成另外一組。」

「其他地方都不要動,只改這一段。」

對傳統生成式 AI 來說,這些看起來很小的修改,常常代表要重新生成一次。

而重新生成之後,原本已經調整好的節奏、位置、動畫甚至可能全部改變。

你只是想修改一個地方,最後卻像重新做了一支影片。

這也是我開始思考 Mografy 的原因。

如果動畫不是「生成結果」,而是一個可以編輯的系統呢?

有一天我在研究 p5.js、Canvas 與網頁動畫時,突然想到:

如果 Motion Graphics 也可以像寫網頁一樣呢?

畫面、文字、時間、動畫、節奏,都有清楚的結構。

AI 不再只是幫你「生成一支 MP4」,而是幫你操作一個動畫系統。

於是 Mografy 慢慢誕生了。

Mografy 把動畫拆成場景、時間、參數與元件。

你可以先讓 Claude Code、Codex 等 AI 幫你建立動畫,再透過即時預覽確認結果。

如果有地方不滿意,就直接修改那個地方。

不用因為一個字、一個顏色或 0.5 秒的節奏,把整支影片重新生成。

我希望 AI 在這裡扮演的角色不是「黑盒子的影片生成器」,而是:

一個真的可以跟你一起做 Motion Design 的協作者。

Mografy 想幫助哪些人?

Mografy 並不是想取代 After Effects,也不是要取代專業 Motion Designer。

我更希望它可以讓原本離 Motion Graphics 很遠的人,也有一個比較容易開始的方法。

設計師

很多 UI / UX、品牌或視覺設計師,其實已經有很好的畫面與設計能力,只是不一定熟悉 After Effects。

Mografy 希望讓設計師可以用自己原本熟悉的設計思維,再搭配 AI,把靜態設計變成動態內容。

獨立開發者

做了一個產品之後,下一個問題通常就是:

「我要怎麼介紹它?」

產品更新、Launch Video、功能展示、社群短片,全部都需要內容。

但不是每個獨立開發者都有預算找動畫團隊。

Mografy 希望讓開發者可以直接使用自己的 Screenshot、Logo、文字與 UI,做出產品介紹動畫。

內容創作者與行銷人員

很多時候,我們並不是要做一支電影等級的動畫。

可能只是想讓一張產品圖、一篇文章、一個活動資訊,變成更有節奏的動態內容。

比起每一次都從零開始剪輯,Mografy 更希望提供一套可以重複使用、修改與延伸的製作方式。

想開始學 Motion Graphics 的人

Motion Graphics 的門檻一直不算低。

軟體、Timeline、Keyframe、Graph Editor、Expression……

很多人在真正開始做動畫以前,就已經先被工具嚇跑了。

我希望 Mografy 可以提供另外一條入口:

先理解「畫面怎麼動」,再慢慢理解動畫背後的原理。

你可以先跟 AI 描述:

「標題從下面滑進來。」

「三張卡片依序出現。」

「Logo 最後放大並淡入。」

然後從結果裡觀察時間、Easing、Stagger 與動畫結構。

AI 可以降低操作工具的門檻,但 Motion Design 的判斷依然掌握在人手上。

我真正想解決的事情

Mografy 最核心想解決的,其實不是「怎麼讓 AI 做動畫」。

而是:

怎麼讓 AI 做出來的動畫,依然可以被人理解、控制與修改。

生成很快。

但真正的創作,通常發生在後面的那些:

「再慢一點。」

「這裡不要動。」

「這個節奏比較好。」

「只改這裡。」

我希望 Mografy 可以讓這些修改變得自然。

讓 AI 負責加速製作, 而最後的決定,仍然留在創作者手上。

這就是我開始做 Mografy 的原因。

第一次使用 Mografy?在本機安裝後,就能用自己的場景試試動態簡報。

安裝 Mografy