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.
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
-
Bunu bir terminalde çalıştırın.
dsh plugin --profile myprofile add dsh-figma-to-lottie -
Eklentiyi alması için dsh web’i yeniden başlatın.
-
Sonra istediğiniz tasarımı anlatın. Harness, eklentinin araçlarını devralır.
DeepSeek Harness ile nasıl çalıştırılır
-
Eklentiyi npm’den ekleyin ya da GitHub’dan bir commit sabitleyin.
-
Hareketi tarif edin: katmanlar, zamanlama, easing, kademelenme.
-
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 OpenDesign ile tasarlayın
Bu eklentiyi kendiniz kurun ya da OpenDesign 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.