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.
From the upstream README

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

  1. Run this in a terminal.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Restart dsh web so it picks up the plugin.

  3. Then describe the design you want. The harness picks up the plugin’s tools.

How to run it with DeepSeek Harness

  1. Add the plugin from npm, or lock a commit from GitHub.

  2. Describe the motion: layers, timing, easing, stagger.

  3. 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.

NEXGERCORE Desktop

One design system. Every output unmistakably your brand

Inside the full NEXGERCORE IDE, use the same brand rules across websites, slide decks, interactive prototypes, dashboards, images, and HTML video. Connect Codex, Claude Code, Cursor, and other coding agents already on your computer, then create locally for free.

  • Web, slides, prototypes, dashboards, images, and video
  • 140+ design systems, plus the full template and skill library
  • Connect local Codex and 21+ coding agents · Free to use
Download free

Available for macOS, Windows, and Linux