Lottie AI

LottieFiles 推出的文字轉 Lottie 動畫工具,產出幾 KB 的向量動畫,附專屬滑桿可改顏色、速度、大小不必重新生成,還能匯出 SwiftUI、Jetpack Compose 程式碼

免費或付費
一句話介紹:LottieFiles 推出的文字轉 Lottie 動畫工具,產出幾 KB 的向量動畫,附專屬滑桿可改顏色、速度、大小不必重新生成,還能匯出 SwiftUI、Jetpack Compose 程式碼

Lottie AI 是動畫格式 Lottie 的推廣者 LottieFiles 推出的獨立產品,網址 lottie.ai,11 月上旬在 Product Hunt 發表。它只做一件事:把一句文字描述變成可以直接放進網站或 App 的 Lottie 向量動畫。官方鎖定的對象很明確,是在 Cursor、Lovable 裡做產品、卻沒有動態設計師的開發者與 PM。

功能特色與適用場景:輸入「一個會變成打勾符號的載入圈」這類描述,可選 Turbo 模式約一分鐘出單次結果,或 Quality 模式用多個代理先規劃再自我檢討。產出的是向量動畫,不是影片像素,放大不糊、檔案只有幾 KB、背景預設透明。每支動畫都會附一組專屬控制項,拖滑桿就能改顏色、大小、速度與「能量」強弱,這些調整不耗點數;想改某個元素,可以點畫布上的圖層再用文字說明。圖層會依功能命名與分組,不會出現一堆「Shape 47」。

技術上,Lottie AI 先寫出 LottieFiles 自家的動畫語言 Frolic,再編譯成標準 Lottie,所以你可以打開程式碼閱讀、手改,甚至放進 Pull Request 審查。匯出格式有 dotLottie、Lottie JSON、GIF、MP4、WebM、MOV,也能直接複製 SwiftUI 或 Jetpack Compose 程式碼,或打包給程式代理使用。需要更細的調整,可送到 Lottie Creator 編輯器處理。也可以匯入自己的 SVG、圖片或 Lottie 檔,替既有品牌圖示加上動態,並事先設定品牌色盤。

和 Jitter 這類手動拉關鍵影格的動態設計工具相比,Lottie AI 的門檻低很多,但要做複雜的品牌動畫仍得靠設計師。

台灣使用者怎麼用:電商或 SaaS 團隊可以拿它補齊結帳成功、空狀態、新手引導這些常被放成靜態圖的地方。官網聲明生成內容歸使用者所有、附商用授權,提示詞與上傳檔案不拿去訓練模型。介面為英文,提示詞用英文描述動作較保險。

TheAI學院 編輯建議

編輯實測後的真心話

很多產品做到最後,動畫總是被砍掉的那一塊,因為找不到人做。Lottie AI 把輸出做成看得懂的程式碼與向量檔,而不是一段影片,這點對工程團隊很實用。我沒有實測,從官網示範看來,載入圈、打勾這類小動畫很合適,但複雜的角色動畫還是交給設計師比較穩。

— theai 編輯團隊

主要功能

  • 文字描述生成 Lottie 向量動畫,提供 Turbo 與多代理 Quality 兩種模式
  • 每支動畫附專屬控制項,可調顏色、大小、速度,不必重新生成也不扣點
  • 點選畫布圖層用文字修改,並保留版本紀錄可回溯
  • 可檢視與手改 Frolic 原始碼,匯出 SwiftUI、Jetpack Compose 程式碼
  • 匯出 dotLottie、Lottie JSON、GIF、MP4、WebM、MOV
  • 可匯入 SVG、圖片或 Lottie 檔加上動態,並套用品牌色盤
  • 可送進 Lottie Creator 做細部編輯

如何使用 Lottie AI

  1. 到 lottie.ai 註冊免費 Starter 方案
  2. 用英文描述想要的動畫,可加上時長與畫布尺寸,並選 Turbo 或 Quality 模式
  3. 用動畫專屬滑桿調整顏色、速度與大小,或點選圖層用文字修改
  4. 需要時開啟 Frolic 原始碼檢視或手改,或送到 Lottie Creator 細修
  5. 匯出 dotLottie、Lottie JSON 或 SwiftUI/Jetpack Compose 程式碼放進產品

適用場景

  • 為 App 或網站製作品牌化的載入、成功與錯誤狀態動畫
  • 替新手引導與空狀態頁面加上說明性動態
  • 為按鈕、開關、導覽列製作動態圖示與微互動
  • 把既有 SVG 品牌圖示匯入後加上動畫
  • 產生 SwiftUI 或 Jetpack Compose 程式碼直接放進原生 App

Lottie AI 的優點與缺點

優點

  • 輸出是幾 KB 的向量動畫,比 AI 影片輕量且可無限縮放
  • 調整參數不耗點數,修改成本低
  • 程式碼看得到、可審查,適合納入開發流程

缺點

  • 只做 UI 動態,不適合寫實影片或含音訊的內容
  • 免費方案只有 10 次生成,認真試用很快就用完
  • 介面與文件為英文,中文提示詞效果官方未說明

價格方案

Starter 免費(Lottie AI 10 次生成、Motion Copilot 5 次);Individual 每月 19.99 美元(每月 300 點數);Team 每月 24.99 美元(600 點數,全工作區共用);企業方案另洽。與既有 LottieFiles 付費方案分開計費,價格以官網為準

Lottie AI 常見問題

Lottie AI 和 AI 影片生成工具有什麼不同?

AI 影片輸出的是固定解析度的像素,改顏色就得重新生成。Lottie AI 輸出向量動畫,有命名的圖形、顏色值與時間曲線,放大不糊、檔案以 KB 計,改參數也不必重新生成。

已經付費訂閱 LottieFiles,還要另外付錢嗎?

官網說明 Lottie AI 有自己的方案與點數,與 LottieFiles 方案分開計費;使用 Lottie AI 也不需要先有 LottieFiles 付費方案。

生成的動畫可以商用嗎?

可以。官網表示生成內容歸使用者所有並附完整商用 AI 授權,提示詞、匯入檔案與輸出都不會被拿去訓練模型。

Turbo 和 Quality 模式差在哪?

Turbo 是單次生成,約一分鐘出結果,適合探索點子;Quality 用多個代理先規劃再檢討,耗時較長,適合準備上線的版本。

使用者評價

還沒有足夠評價,搶先分享你的使用心得!

寫下你的評價

評論將經審核後公開。

Lottie AI 的替代方案

查看相似的 AI 工具 →

相關 AI 工具

猜你也想看的AI 圖片生成/編輯

前往官網 ↗