dsh-figma-to-lottie: A Figma/SVG to Lottie Animation Compiler for DeepSeek Harness
zimai233/dsh-figma-to-lottie
A DSH plugin that compiles SVG paths and keyframe data into self-contained .lottie.json animation files, no design tool required, directly from agent conversations.
dsh-figma-to-lottie is a design-tool bridge in the DeepSeek Harness (DSH) ecosystem that compiles SVG paths and keyframe data into self-contained .lottie.json animation files. Once installed, you can describe animations in natural language during a conversation without opening any design software, and the agent calls lottie_compile to produce usable Lottie JSON, supporting rect, path, image, and text layers. It requires zero build steps and is pure ESM, ideal for DSH users who need to turn design specs into animation assets quickly.
How to Install
dsh plugin --profile web add github:zimai233/dsh-figma-to-lottie- Category
- Tools & Capabilities
- Platform
- DSH Plugin
- Author
- zimai233
- Distribution
- Plugin
dsh-figma-to-lottie Key Features
dsh-figma-to-lottie Repo Summary
What Does It Do?
dsh-figma-to-lottie is a DSH plugin for DeepSeek Harness that compiles Figma/SVG designs into self-contained .lottie.json animation files. It fills the gap in the DSH plugin ecosystem where no design-tool bridge existed, letting agents compile design data into animation assets directly from conversation without any design tool. Core capabilities include SVG path parsing, bezier in/out tangent conversion, and keyframe easing, all exposed as two agent-callable tools.
Core Features
- lottie_compile_shape: parses an SVG path d string into a Lottie shape value { i, o, v, c } with correct bezier tangents, letting you inspect how any SVG path translates before compiling a full animation.
- lottie_compile: assembles a complete Lottie 5.7.4 JSON document from a compact layer spec, supporting rects (with gradient fills), paths, images (base64-embedded), and text, each with per-layer opacity/slide-up keyframe animation.
- Zero build step: pure ESM, the published package is the runtime code, no prepare script or build permission needed.
- Flexible layer spec: supports rect, path, image, and text layer types, with configurable frame size, fps, duration, and easing curves.
How to Use This Plugin?
After enabling it in DSH, just describe the animation in natural language to the agent, for example: "Compile a 3-second loading animation: 345×414 frame, light gray background, 10 blue bars at x=215.5 that slide up with a 0.48/0.24/0.4/1.4 ease, staggered 100ms apart. Write it to ./loading.lottie.json". The agent calls lottie_compile with a compact layer spec, and the resulting Lottie JSON can be used directly on iOS, Android, and Web (LottieWeb, lottie-ios, lottie-android). To adjust the animation, modify the frame, fps, durationMs, or layer parameters in the spec.
This page is an independent rewrite of the plugin's official README — for authoritative documentation and the latest changes, refer to the source: zimai233/dsh-figma-to-lottie. The plugin is third-party code that runs on your machine once installed; inclusion does not imply endorsement — please review the source before installing.
DSH Plugin FAQ
