前言¶
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 | 插件目录
