AI Agent Hub
Back to plugins
🧰

dsh-figma-to-lottie

Web Tools Updated 2026.08.25

Run the following command in DeepSeek Harness:

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

Paste the following prompt into your AI chat to install this plugin:

Install dsh-figma-to-lottie in DeepSeek Harness by running dsh plugin install (source: https://github.com/zimai233/dsh-figma-to-lottie).

About this plugin

The DeepSeek Harness plugin ecosystem lacked a bridge from design data to animation assets. While the Figma MCP can read design files, no plugin could actually compile SVG paths into a shippable Lottie JSON. dsh-figma-to-lottie fills that gap by distilling the full SVG-to-Lottie compilation pipeline -- path parsing, bezier in/out tangent conversion, and keyframe easing -- into two agent-callable tools, so you can produce animation files entirely within a conversation without opening any design tool.

The plugin offers two layers of capability. lottie_compile_shape converts any SVG path d string into a Lottie shape value with correct bezier tangents, letting you verify the translation of a single path before committing to a full animation. lottie_compile assembles a complete Lottie 5.7.4 JSON document from a compact layer spec, supporting rectangles (with gradient fills), vector paths, base64-embedded images, and text layers, each with independent opacity and slide-up keyframe animation. The entire package is pure ESM with zero build steps -- what you publish is the runtime code.

It is built for developers who need to ship loading animations, transition effects, or micro-interactions across platforms quickly. The resulting Lottie JSON plays out of the box in LottieWeb, lottie-ios, and lottie-android, and a single natural-language prompt is all it takes to get a ready-to-play animation file.

Use Cases

  • Describe a loading animation in natural language and get a ready-to-ship Lottie JSON in one step
  • Validate how a raw SVG path translates into Lottie shape values before committing to a full animation
  • Produce gradient-filled, keyframed micro-interactions for Web, iOS, and Android without opening a design tool

Best For

  • Front-end and mobile developers who need to ship cross-platform animations quickly
  • Efficiency-focused engineers who prefer agent-driven workflows over manual Lottie tooling
  • Solo developers or small teams without a dedicated design team who need self-served animation assets