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.
Do README original

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

  1. Rode isto em um terminal.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Reinicie o dsh web para ele carregar o plugin.

  3. Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.

Como rodar com o DeepSeek Harness

  1. Adicione o plugin pelo npm, ou trave um commit do GitHub.

  2. Descreva o movimento: camadas, timing, easing, escalonamento.

  3. 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 Open Design, 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 Open Design. Use sua própria chave e seja dono do resultado.

Open Design Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS, Windows e Linux