LottieFiles

平台的核心就是 Lottie 格式本身，一種以 JSON 為基礎描述向量動畫的方式，它原生算繪，而不是以一連串圖片呈現。這讓檔案保持精簡。它們也能縮放到任何解析度而不模糊。dotLottie 是較新的封裝格式。它在單一檔案裡加入互動性與主題支援，因此一個素材就能帶有多組色彩主題，或對點擊、懸停、按壓做出反應。一個檔案，多種用途。對於要在各平台發布同一款產品的團隊來說，這正是讓一段動畫到處都能用的關鍵。

LottieFiles 架上一座龐大的免費與付費動畫素材庫，涵蓋圖示、載入指示、插圖與主題動態。你可以用關鍵字搜尋、依風格或顏色篩選，並在決定採用前預覽每一段動畫。實務上的價值在於速度。你不必自己做一個載入轉圈或空白狀態的動畫，只要找到合適的就好。接著放進嵌入碼就能繼續。當你心裡有個參考外觀、卻找不到適切的詞來描述時，以圖搜圖的視覺搜尋很有幫助。

瀏覽器版的 Lottie Creator 讓你不用安裝笨重軟體就能製作與調整動態，AI 輔助工具則可依文字產生起點，或把點陣圖片轉成可編輯的向量。官方外掛能連接 After Effects、Figma 與其他設計工具。這樣你就能從自己原本工作的環境匯出。不必匯入。不必瞎猜。對設計師來說，這代表你交付的檔案會貼近你設計的樣子。對開發者來說，這代表不必為每個平台另外重建。

動畫存放在具版本控制的共用工作區，團隊可以像處理其他設計素材那樣檢視、留言與核可動態。動畫就緒後，平台會產生嵌入碼、CDN 連結與播放器控制項。它也提供 VS Code 整合。直接把素材拉進專案。一份核可的檔案。零手動複製。結果就是從核可設計到發布動畫的路徑更短。中間的手動步驟更少。

由於 Lottie 檔案的複雜度落差很大，平台會協助你檢查動畫的效能表現，以及它在目標平台上是否安全可用。你可以在發布前檢視檔案大小與播放行為。這一步很重要。一個場景在高階桌機上看起來沒問題，到了中階手機卻可能卡頓。事先抓出這些問題，就能避免發布後的意外。

LottieFiles 提供網頁、iOS、Android、React Native 與 Flutter 的算繪器與函式庫，另有一組 API 可把動畫與素材拉進你自己的工具與流程。這樣的組合對想自動化部分動態流程的團隊很重要，例如把核可的動畫同步進建置流程或設計系統。這正是把動畫當成一次性檔案、與把它們當成產品基礎設施一部分之間的差別。

有了 dotLottie，單一檔案就能容納多組色彩主題並回應使用者輸入，這用一般影片或 GIF 較難做到。淺色、深色與品牌變體可以放在同一個素材裡。只要小幅改動程式碼就能切換，而點擊或懸停狀態這類互動則內建在檔案中。產品團隊藉此讓動態在不同主題間保持一致，同時又能回應周遭的介面。