Fluxo de Design
dsh-figma-to-lottie
Compila paths SVG e keyframes em animações Lottie autocontidas a partir da conversa.
O que é
Duas ferramentas que transformam dados de design em assets de movimento: lottie_compile_shape converte um path SVG em valores de forma Lottie, e lottie_compile monta um Lottie JSON completo a partir de uma spec compacta de camadas — retângulos, gradientes, paths, imagens embutidas e texto, com animação por keyframe em cada camada.
Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
Por que isso importa para design
- Descreva uma animação de carregamento em linguagem natural e receba um .lottie.json que roda em iOS, Android e na web.
- Tangentes bezier de entrada e saída e o easing dos keyframes são compilados, não escritos à mão.
- Zero etapa de build e ESM puro: o que é publicado é exatamente o que roda.
O que cobre
- Why
- Features
- Usage
- Layer Spec Reference
- Development
Como instalar
dsh-figma-to-lottie
-
Rode isto em um terminal.
dsh plugin --profile myprofile add dsh-figma-to-lottie -
Reinicie o dsh web para ele carregar o plugin.
-
Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.
Como rodar com o DeepSeek Harness
-
Adicione o plugin pelo npm, ou trave um commit do GitHub.
-
Descreva o movimento: camadas, timing, easing, escalonamento.
-
Coloque o .lottie.json compilado no LottieWeb, lottie-ios ou lottie-android.
Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.
Mais no repositório do DeepSeek Harness ↗Próximo passo
Projete com o OpenDesign, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do DeepSeek Harness com o OpenDesign. Use sua própria chave e seja dono do resultado.