Output-Unterstützung
Wisse, was übernommen wird, bevor du umziehst.
Was Inlu aus einer .fig-Datei importiert und was es als Code ausgibt, Feature für Feature. Wo die Unterstützung teilweise ist, steht in der Notiz, was du prüfen solltest.
Output-Unterstützung
UnterstütztTeilweiseNoch nicht
| Feature | .fig-Import | Code-Export | Dev-Mode-Snippets |
|---|---|---|---|
| Struktur | |||
| Frames, Gruppen, Vektoren, Text | Unterstützt | Unterstützt | Unterstützt |
| Auto Layout | Teilweise„Hug“-Größen nach dem Import prüfen | TeilweiseEinige Layouts verwenden noch absolute Positionen | Unterstützt |
| Responsive Breakpoints | — | Noch nichtNoch keine Media Queries | — |
| Designsystem | |||
| Komponenten und Instanzen | TeilweiseStile an ausgetauschten Instanzen prüfen | Unterstützt | Unterstützt |
| Variablen | Unterstützt | TeilweiseWerte werden inline geschrieben, nicht als Tokens | Unterstützt |
| Zuordnung zu deinen Code-Komponenten | — | — | UnterstütztÜber Code Connect |
| Verhalten | |||
| Prototyp-Links und Flows | Unterstützt | Noch nicht | — |
| Kommentare | —Nicht in .fig-Dateien gespeichert | — | — |
Code-Export: React, HTML/CSS, Vue, Next.js. Dev-Mode-Snippets: CSS, HTML, React, Vue, SwiftUI, UIKit, Jetpack Compose, Android XML.
Die Status spiegeln das Produkt am 23. Oktober 2026 wider und ändern sich, sobald Fixes ausgeliefert werden.
Probier es an deiner Datei aus
Die schnellste Prüfung ist deine eigene Datei.
- Importiere eine echte .figWähle eine Datei mit den Komponenten und dem Auto Layout, die dein Team am meisten nutzt.
- Inspiziere die wichtigen FramesÖffne sie im Dev Mode und vergleiche Abstände, Variablen und Zustände mit dem Original.
- Exportiere einen FrameLade das Projekt herunter und lies es so, wie du einen Pull Request reviewen würdest.