前言¶
DeepSeek Harness（DSH）的插件生態目前缺乏設計工具橋接層。雖然存在 Figma MCP，但沒有插件能將設計數據編譯成動畫資產。dsh-figma-to-lottie 填補了這個空白。它提取了 SVG 到 Lottie 的編譯管道——路徑解析、貝塞爾進出切線轉換、關鍵幀緩動——並將其轉化爲兩個可被 agent 調用的工具。
核心功能¶
該插件提供兩個主要工具：
lottie_compile_shape：將 SVG 路徑d字符串解析爲 Lottie 形狀值{ i, o, v, c }，包含正確的貝塞爾切線。在編譯完整動畫之前，可先檢查任意 SVG 路徑的轉換結果。lottie_compile：從緊湊的圖層規格組裝完整的 Lottie 5.7.4 JSON 文檔：矩形（支持漸變填充）、路徑、圖片（base64 內嵌）、文字，每層均支持透明度 / 上滑關鍵幀動畫。
安裝¶
使用以下命令安裝插件：
dsh plugin --profile myprofile add dsh-figma-to-lottie
使用¶
通過自然語言與 agent 交互。例如：
“編譯一個 3 秒的加載動畫：345×414 畫布，淺灰背景，10 根藍色柱子在 x=215.5 處以 0.48/0.24/0.4/1.4 的緩動上滑，每根錯開 100ms。寫入 ./loading.lottie”
Agent 會調用 lottie_compile，生成對應的 Lottie JSON 文件，該文件可直接用於 iOS / Android / Web 開發。
注意事項¶
- 零構建步驟：純 ESM，發佈包即運行時代碼。無需
prepare腳本，無需構建授權。 - 運行權限：插件以當前 DSH 進程的權限運行。
- 許可證：MIT。
結語¶
該插件解決了智能體開發中生成 Lottie 動畫資產的痛點，無需依賴外部設計工具即可通過代碼生成動畫。更多詳情請參考：GitHub | 插件目錄
