Design Workflow
dsh-figma-to-lottie
Compiles SVG paths and keyframes into self-contained Lottie animations from the conversation.
What it is
Two tools that turn design data into motion assets: lottie_compile_shape converts an SVG path into Lottie shape values, and lottie_compile assembles a complete Lottie JSON from a compact layer spec — rectangles, gradients, paths, embedded images and text, with per-layer keyframe animation.
Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
Why it matters for design
- Describe a loading animation in plain language and get a .lottie.json that runs on iOS, Android and the web.
- Bezier in/out tangents and keyframe easing are compiled, not hand-authored.
- Zero build step and pure ESM: what is published is exactly what runs.
What it covers
- Why
- Features
- Usage
- Layer Spec Reference
- Development
How to install
dsh-figma-to-lottie
-
Run this in a terminal.
dsh plugin --profile myprofile add dsh-figma-to-lottie -
Restart dsh web so it picks up the plugin.
-
Then describe the design you want. The harness picks up the plugin’s tools.
How to run it with DeepSeek Harness
-
Add the plugin from npm, or lock a commit from GitHub.
-
Describe the motion: layers, timing, easing, stagger.
-
Drop the compiled .lottie.json into LottieWeb, lottie-ios or lottie-android.
Every plugin here is free to install and links to its real upstream source.
More in the DeepSeek Harness repo ↗Next step
Design with NEXGERCORE, without the setup
Install this plugin yourself, or run a whole curated design layer around DeepSeek Harness with NEXGERCORE. Bring your own key, own your output.