Дизайн-процесс

dsh-figma-to-lottie

Компилирует SVG-пути и ключевые кадры в самодостаточные Lottie-анимации прямо из разговора.

Что это

Два инструмента, превращающие дизайн-данные в анимационные ассеты: lottie_compile_shape конвертирует SVG-путь в значения фигур Lottie, а lottie_compile собирает полный Lottie JSON из компактной спецификации слоёв — прямоугольники, градиенты, пути, встроенные изображения и текст, с покадровой анимацией на уровне слоя.

Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
Из исходного README

Почему это важно для дизайна

  • Опишите анимацию загрузки обычным языком и получите .lottie.json, работающий на iOS, Android и в вебе.
  • Входные и выходные касательные Безье и изинг ключевых кадров компилируются, а не пишутся вручную.
  • Ноль шагов сборки и чистый ESM: что опубликовано, то и выполняется.

Что внутри

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

Как установить

dsh-figma-to-lottie

  1. Запустите это в терминале.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Перезапустите dsh web, чтобы он подхватил плагин.

  3. Дальше опишите нужный дизайн. Харнесс подхватит инструменты плагина.

Как запустить с DeepSeek Harness

  1. Добавьте плагин с npm или зафиксируйте коммит с GitHub.

  2. Опишите движение: слои, тайминг, изинг, каскад.

  3. Вставьте скомпилированный .lottie.json в LottieWeb, lottie-ios или lottie-android.

Каждый плагин здесь бесплатен для установки и ведёт на свой реальный исходник.

Больше в репозитории DeepSeek Harness ↗

Следующий шаг

Проектируйте с OpenDesign без возни с настройкой

Поставьте этот плагин сами или разверните вокруг DeepSeek Harness целый кураторский дизайн-слой в OpenDesign. Свой ключ, свой результат.

OpenDesign для компьютера

Одна дизайн-система. Единый образ бренда во всех материалах

В полном Vibe Design Workspace одни и те же правила бренда работают для сайтов, слайдов, интерактивных прототипов, дашбордов, изображений и HTML-видео. Подключите локальные Codex, Claude Code, Cursor и другие кодинг-агенты и создавайте бесплатно.

  • Сайты, слайды, прототипы, дашборды, изображения и видео
  • Более 140 дизайн-систем и полная библиотека шаблонов и навыков
  • Локальный Codex и более 21 кодинг-агента · Бесплатно
Скачать бесплатно

Для macOS и Windows