Design-Workflow
dsh-figma-to-lottie
Kompiliert SVG-Pfade und Keyframes direkt aus der Unterhaltung zu eigenständigen Lottie-Animationen.
Worum es geht
Zwei Tools, die Design-Daten in Motion-Assets verwandeln: lottie_compile_shape konvertiert einen SVG-Pfad in Lottie-Shape-Werte, und lottie_compile baut aus einer kompakten Layer-Spec ein komplettes Lottie-JSON zusammen — Rechtecke, Verläufe, Pfade, eingebettete Bilder und Text, mit Keyframe-Animation pro Layer.
Figma/SVG to Lottie animation compiler for DeepSeek Harness. Turn SVG paths and keyframe data into self-contained .lottie.json files.
Warum das fürs Design zählt
- Beschreibe eine Ladeanimation in Alltagssprache und bekomm eine .lottie.json, die auf iOS, Android und im Web läuft.
- Bezier-In/Out-Tangenten und Keyframe-Easing werden kompiliert, nicht von Hand geschrieben.
- Kein Build-Schritt und pures ESM: was veröffentlicht wird, ist exakt das, was läuft.
Was es abdeckt
- Why
- Features
- Usage
- Layer Spec Reference
- Development
So installierst du es
dsh-figma-to-lottie
-
Führe das in einem Terminal aus.
dsh plugin --profile myprofile add dsh-figma-to-lottie -
Starte dsh web neu, damit es das Plugin lädt.
-
Beschreibe dann das gewünschte Design. Der Harness greift die Tools des Plugins auf.
So nutzt du es mit DeepSeek Harness
-
Füg das Plugin von npm hinzu, oder pinne einen Commit von GitHub.
-
Beschreibe die Motion: Layer, Timing, Easing, Stagger.
-
Wirf die kompilierte .lottie.json in LottieWeb, lottie-ios oder lottie-android.
Jedes Plugin hier ist kostenlos installierbar und verlinkt auf seine echte Originalquelle.
Mehr im DeepSeek-Harness-Repo ↗Weitere DeepSeek-Harness-Design-Plugins
Vision & Eingabe Was es macht modlens Gibt rein textbasierten DeepSeek-Modellen Plug-in-Sehvermögen: Screenshot einfügen, strukturierte Evidenz bekommen. 
Vision & Eingabe Was es macht dsh-vision-toolkit Zehn Vision-Tools für UI-Rekonstruktion, Grounding und Pixel-Diff-Verifikation. 
Vision & Eingabe Was es macht dsh-ui-spec Macht aus UI-Screenshots implementierungsreife Specs: Tokens, Spacing-Skala, Layout-Raster. 
Vision & Eingabe Was es macht dsh-media-skills Kostenlose Augen und ein kostenloser Pinsel: eingefügte Bilder lesen plus Bildgenerierung ohne Wasserzeichen. Nächster Schritt
Mit OpenDesign designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit OpenDesign eine ganze kuratierte Design-Ebene um DeepSeek Harness. Eigener Key, eigenes Ergebnis.