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.
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
-
Eseguilo in un terminale.
dsh plugin --profile myprofile add dsh-figma-to-lottie -
Riavvia dsh web così carica il plugin.
-
Poi descrivi il design che vuoi. L’harness attiva gli strumenti del plugin.
Come usarlo con DeepSeek Harness
-
Aggiungi il plugin da npm, oppure blocca un commit da GitHub.
-
Descrivi il movimento: livelli, timing, easing, sfalsamento.
-
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.