dsh-figma-to-lottie:DeepSeek Harness 的 Figma/SVG 转 Lottie 动画编译插件
zimai233/dsh-figma-to-lottie
DSH plugin,将 SVG 路径与关键帧数据编译为自包含的 .lottie.json 动画文件,无需设计工具,直接在 agent 对话中完成。
dsh-figma-to-lottie 是 DeepSeek Harness(DSH)生态中的设计工具桥接层,它把 SVG 路径与关键帧数据编译成自包含的 .lottie.json 动画文件。装上之后,你无需打开任何设计软件,直接在对话里用自然语言描述动画,agent 就会调用 lottie_compile 生成可用的 Lottie JSON,并支持矩形、路径、图片和文字四种图层。它零构建步骤、纯 ESM,适合需要快速把设计稿变成动画资产的 DSH 用户。
如何安装
dsh plugin --profile web add github:zimai233/dsh-figma-to-lottie- 分类
- 工具与能力
- 平台
- DSH Plugin
- 作者
- zimai233
- 分发方式
- 插件
dsh-figma-to-lottie 核心特性
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。插件是安装时就在你机器上运行的第三方代码;收录不代表背书——安装前请自行审阅源码。
DSH Plugin 常见问题
