Tasarım İş Akışı

dsh-figma-to-lottie

SVG path’lerini ve keyframe’leri, konuşmanın içinden kendi kendine yeten Lottie animasyonlarına derler.

Nedir

Tasarım verisini hareket varlıklarına çeviren iki araç: lottie_compile_shape bir SVG path’ini Lottie şekil değerlerine dönüştürür, lottie_compile ise kompakt bir katman spesifikasyonundan eksiksiz bir Lottie JSON’u kurar — dikdörtgenler, degradeler, path’ler, gömülü görseller ve metin, katman başına keyframe animasyonuyla.

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

Tasarım için neden önemli

  • Bir yükleme animasyonunu sade bir dille tarif edin; iOS, Android ve web’de çalışan bir .lottie.json alın.
  • Bezier giriş/çıkış tanjantları ve keyframe easing’i elle yazılmaz, derlenir.
  • Sıfır build adımı ve saf ESM: yayınlanan şey, tam olarak çalışan şeydir.

Neleri kapsıyor

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

Nasıl kurulur

dsh-figma-to-lottie

  1. Bunu bir terminalde çalıştırın.

    dsh plugin --profile myprofile add dsh-figma-to-lottie
  2. Eklentiyi alması için dsh web’i yeniden başlatın.

  3. Sonra istediğiniz tasarımı anlatın. Harness, eklentinin araçlarını devralır.

DeepSeek Harness ile nasıl çalıştırılır

  1. Eklentiyi npm’den ekleyin ya da GitHub’dan bir commit sabitleyin.

  2. Hareketi tarif edin: katmanlar, zamanlama, easing, kademelenme.

  3. Derlenen .lottie.json’u LottieWeb, lottie-ios ya da lottie-android’e bırakın.

Buradaki her eklenti ücretsiz kurulur ve gerçek üst kaynağına bağlantı veriyor.

DeepSeek Harness deposunda dahası ↗

Sonraki adım

Kurulum derdi olmadan Open Design ile tasarlayın

Bu eklentiyi kendiniz kurun ya da Open Design ile DeepSeek Harness’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.

Open Design Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS, Windows ve Linux için