dsh-figma-to-lottie:DeepSeek Harness 的 Figma/SVG 转 Lottie 动画编译插件

zimai233/dsh-figma-to-lottie

工具与能力已验证
收录时间 2026-08-19
页面最后更新 2026-09-18

DSH plugin,将 SVG 路径与关键帧数据编译为自包含的 .lottie.json 动画文件,无需设计工具,直接在 agent 对话中完成。

dsh-figma-to-lottie 是 DeepSeek Harness(DSH)生态中的设计工具桥接层,它把 SVG 路径与关键帧数据编译成自包含的 .lottie.json 动画文件。装上之后,你无需打开任何设计软件,直接在对话里用自然语言描述动画,agent 就会调用 lottie_compile 生成可用的 Lottie JSON,并支持矩形、路径、图片和文字四种图层。它零构建步骤、纯 ESM,适合需要快速把设计稿变成动画资产的 DSH 用户。

如何安装

install
dsh plugin --profile web add github:zimai233/dsh-figma-to-lottie
分类
工具与能力
平台
DSH Plugin
作者
zimai233
分发方式
插件

dsh-figma-to-lottie 核心特性

SVG 路径转 Lottie 形状组装完整 Lottie JSON支持矩形/路径/图片/文字零构建步骤
Listed on dsh-plugin.org

dsh-figma-to-lottie 仓库简介

它是做什么的?

dsh-figma-to-lottie 是 DeepSeek Harness(DSH)的 Figma/SVG 到 Lottie 动画编译插件,将 SVG 路径与关键帧数据编译成自包含的 .lottie.json 文件。它解决了 DSH 插件生态缺乏设计工具桥接层的问题,让 agent 在对话中直接完成动画资产编译,无需任何设计工具。核心能力包括路径解析、贝塞尔进出切线转换和关键帧缓动处理,全部提炼为两个可被 agent 调用的工具。

核心功能

  • lottie_compile_shape:将 SVG 路径 d 字符串解析为 Lottie 形状值 { i, o, v, c },带正确的贝塞尔切线,可先检查任意 SVG 路径的转换结果。
  • lottie_compile:从紧凑的图层规格组装完整的 Lottie 5.7.4 JSON 文档,支持矩形(含渐变填充)、路径、图片(base64 内嵌)和文字,每层均可设置透明度与上滑关键帧动画。
  • 零构建步骤:纯 ESM,发布即运行时代码,无需 prepare 脚本或构建授权。
  • 图层规格灵活:支持 rect、path、image、text 四种图层类型,可配置画布尺寸、帧率、时长、缓动曲线等参数。

怎么使用这个插件?

在 DSH 中启用后,直接用自然语言告诉 agent 要编译的动画描述,例如“编译一个 3 秒的加载动画:345×414 画布,浅灰背景,10 根蓝色柱子在 x=215.5 处以 0.48/0.24/0.4/1.4 的缓动上滑,每根错开 100ms,写入 ./loading.lottie.json”。agent 会调用 lottie_compile 并传入紧凑的图层规格,产出的 Lottie JSON 可直接用于 iOS、Android 和 Web(LottieWeb、lottie-ios、lottie-android)。需要调整动画时,修改规格中的 frame、fps、durationMs 或图层参数即可。

本页是基于该插件官方 README 独立重写的导读——权威文档和最新变更请以源头为准:zimai233/dsh-figma-to-lottie。插件是安装时就在你机器上运行的第三方代码;收录不代表背书——安装前请自行审阅源码。

安装、更新、卸载这个插件,都在 DeepSeek Harness 的 DSH Plugin Hub 插件市场完成

DSH Plugin 常见问题