Workflow di design

dsh-figma-to-lottie

Compila path SVG e keyframe in animazioni Lottie autonome dalla conversazione.

Che cos’è

Due strumenti che trasformano i dati di design in asset di motion: lottie_compile_shape converte un path SVG in valori di forma Lottie, e lottie_compile assembla un JSON Lottie completo da una spec compatta di livelli — rettangoli, gradienti, path, immagini incorporate e testo, con animazione a keyframe per livello.

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

Perché conta per il design

  • Descrivi un’animazione di caricamento in linguaggio naturale e ottieni un .lottie.json che gira su iOS, Android e web.
  • Le tangenti bezier in/out e l’easing dei keyframe vengono compilati, non scritti a mano.
  • Zero passaggi di build e puro ESM: ciò che viene pubblicato è esattamente ciò che gira.

Cosa copre

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

Come installarlo

dsh-figma-to-lottie

  1. Eseguilo in un terminale.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Riavvia dsh web così carica il plugin.

  3. Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.

Come usarlo con DeepSeek Harness

  1. Aggiungi il plugin da npm, oppure blocca un commit da GitHub.

  2. Descrivi il movimento: livelli, timing, easing, sfalsamento.

  3. Trascina il .lottie.json compilato in LottieWeb, lottie-ios o lottie-android.

Ogni plugin qui è gratuito da installare e rimanda alla sua vera fonte upstream.

Altro nel repo di DeepSeek Harness ↗

Prossimo passo

Progetta con Open Design, senza il setup

Installa questo plugin da solo, oppure porta attorno a DeepSeek Harness un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.

Open Design Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS, Windows e Linux