DSH Plugins
返回列表
🧰

dsh-figma-to-lottie

联网工具 更新于 2026.08.25

在终端中运行以下命令:

dsh plugin install zimai233/dsh-figma-to-lottie

将以下提示词粘贴到 DeepSeek Harness 对话框中:

在 DeepSeek Harness 中执行 dsh plugin install 即可安装 dsh-figma-to-lottie(源码地址:https://github.com/zimai233/dsh-figma-to-lottie)。

插件介绍

DeepSeek Harness 插件生态此前缺少一个设计数据到动画资产的编译层——Figma MCP 能读取设计稿,却没有任何插件能把 SVG 路径真正编译成可交付的 Lottie JSON。dsh-figma-to-lottie 填补了这一空白,将路径解析、贝塞尔进出切线转换、关键帧缓动等编译环节提炼为两个 agent 可直接调用的工具,让你无需打开任何设计工具,在对话中就能产出动画文件。

核心能力覆盖两个层面:lottie_compile_shape 负责将任意 SVG 路径的 d 字符串转换为带正确贝塞尔切线的 Lottie 形状值,方便在编译完整动画前先验证单条路径的转换结果;lottie_compile 则从紧凑的图层规格组装完整的 Lottie 5.7.4 JSON 文档,支持矩形(含渐变填充)、矢量路径、base64 内嵌图片与文字图层,每层均可独立配置透明度与上滑关键帧动画。整个插件为纯 ESM 实现,零构建步骤,发布即运行时。

适合需要在多端项目中快速产出加载动画、过渡动效或 UI 微交互的开发者——产出的 Lottie JSON 可直接用于 LottieWeb、lottie-ios 和 lottie-android,一句自然语言描述即可拿到可播放的动画文件。

使用场景

  • 在 agent 对话中用自然语言描述需求,直接生成可交付的 Lottie 加载动画
  • 将现有 SVG 路径快速转换为 Lottie 形状值,验证贝塞尔切线是否正确
  • 为 Web、iOS、Android 项目产出带渐变色和关键帧的 UI 微交互动画

适合人员

  • 需要在多端项目中快速产出动效的前端与移动端开发者
  • 希望用 agent 对话替代手动 Lottie 工具链的效率导向工程师
  • 缺少设计团队、需要自产动画资产的独立开发者或小型团队