Flujo de diseño

dsh-figma-to-lottie

Compila trazados SVG y keyframes en animaciones Lottie autocontenidas desde la conversación.

Qué es

Dos herramientas que convierten datos de diseño en assets de movimiento: lottie_compile_shape convierte un trazado SVG en valores de forma de Lottie, y lottie_compile ensambla un JSON de Lottie completo a partir de una spec de capas compacta — rectángulos, degradados, trazados, imágenes embebidas y texto, con animación por keyframes por capa.

Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
Del README original

Por qué importa para el diseño

  • Describe una animación de carga en lenguaje natural y obtén un .lottie.json que corre en iOS, Android y la web.
  • Las tangentes bezier de entrada y salida y el easing de los keyframes se compilan, no se escriben a mano.
  • Cero paso de build y ESM puro: lo que se publica es exactamente lo que corre.

Qué cubre

  • Why
  • Features
  • Usage
  • Layer Spec Reference
  • Development

Cómo instalarlo

dsh-figma-to-lottie

  1. Ejecuta esto en una terminal.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Reinicia dsh web para que cargue el plugin.

  3. Luego describe el diseño que quieres. El harness recoge las herramientas del plugin.

Cómo ejecutarlo con DeepSeek Harness

  1. Añade el plugin desde npm, o fija un commit desde GitHub.

  2. Describe el movimiento: capas, timing, easing, escalonado.

  3. Suelta el .lottie.json compilado en LottieWeb, lottie-ios o lottie-android.

Todos los plugins de esta colección se pueden instalar gratis y enlazan a su fuente original real.

Más en el repo de DeepSeek Harness ↗

Siguiente paso

Diseña con Open Design, sin montar nada

Instala este plugin tú mismo, o ejecuta toda una capa de diseño curada alrededor de DeepSeek Harness con Open Design. Trae tu propia key: lo que produzcas es tuyo.

Open Design Desktop

Un sistema de diseño. Tu marca, coherente en cada resultado

En el Vibe Design Workspace completo, aplica las mismas reglas de marca a sitios web, presentaciones, prototipos interactivos, dashboards, imágenes y vídeo HTML. Conecta Codex, Claude Code, Cursor y otros agentes de código locales y crea gratis.

  • Web, presentaciones, prototipos, dashboards, imágenes y vídeo
  • Más de 140 sistemas de diseño y la biblioteca completa de plantillas y skills
  • Codex local y más de 21 agentes de código · Gratis
Descargar gratis

Disponible para macOS, Windows y Linux