Nach Figma exportieren
Schick Screens als bearbeitbare, dev-fertige Auto-Layout-Frames nach Figma.
Zuletzt aktualisiert:
Der Figma-Export erzeugt echte, bearbeitbare Figma-Frames — Auto-Layout-Struktur, lebende Textebenen, echte Füllungen und Effekte — keinen flachgerechneten Screenshot.
Schritte
- Wähl den Screen (oder die Screens), den du exportieren willst.
- Wähl Export → Figma.
- Folg der Übergabe nach Figma: entweder über das verbundene Figma-Konto oder über das UXMagic-Figma-Plugin.
Was du bekommst
- Auto-Layout-Frames, die beim Skalieren korrekt reagieren.
- Bearbeitbare Textebenen mit ihren Textstilen.
- Echte Füllungen, Verläufe und Schatten.
- Bilder, als Füllungen übernommen.
- Benannte Ebenen, nach Abschnitten gruppiert, damit die Datei navigierbar ist und kein Rechteck-Brei.
Export-Kontingent
Figma-Exporte werden gezählt. Der Free-Tarif enthält eine kleine feste Zahl; bezahlte Tarife ein großes Monatskontingent. Was übrig ist, siehst du in deinem Konto. Siehe Tarife und Limits.
Das sauberste Ergebnis
- Mach zuerst das Theme fertig. Exportieren, in Figma umstylen und neu exportieren heißt, die Figma-Arbeit zweimal zu machen.
- Exportier den Flow zusammen statt Screen für Screen, damit die Frames nebeneinander in einer Datei landen.
- Benenne deine Screens vor dem Export — Namen werden übernommen, und mit unbenannten Frames später zu arbeiten ist eine Qual.
Hin und zurück
Du kannst auch andersherum Figma-Frames zurückholen — siehe Aus Figma importieren. Ein gängiger Ablauf: in UXMagic generieren → nach Figma exportieren → jemand aus dem Design verfeinert → zurück importieren, um mit KI weiterzuarbeiten.
Wenn der Export fehlschlägt
Häufig gefragt
- Ist die exportierte Figma-Datei bearbeitbar?
- Ja. Du bekommst echte Figma-Ebenen mit Auto-Layout, bearbeitbarem Text und echten Füllungen — kein flachgerechnetes Bild.
- Wie viele Figma-Exporte habe ich?
- Der Free-Tarif enthält eine kleine feste Zahl; bezahlte Tarife enthalten ein deutlich größeres Monatskontingent. Deine verbleibenden Exporte stehen in deinem Konto.
War dieser Artikel hilfreich?
Verwandte Artikel
Das UXMagic-Figma-Plugin
Generier UI und hol Websites und Screenshots nach Figma, ohne Figma zu verlassen.
Aus Figma importieren
Hol einen vorhandenen Figma-Frame in UXMagic und bearbeite ihn mit KI weiter.
Code exportieren (HTML, React, Tailwind)
Exportier einen einzelnen Screen oder ein ganzes Projekt als produktionsreifen Frontend-Code.
Mein Figma-Export ist fehlgeschlagen
Exportfehler, leere Figma-Dateien und Exporte, die Kontingent verbrauchen.