Wofür braucht man einen Konverter von Figma zu Adobe XD?
Adobe XD kann keine Figma-Dateien öffnen, importiert aber SVG. Das Problem: Das von Figma exportierte SVG nutzt Dinge, mit denen XD schlecht umgeht – Stylesheets, <use>-Verweise, Alpha-Masken, Schatten aus acht verketteten Filtern oder Hintergrund-Weichzeichnung. Beim Import verliert XD Masken, zeigt seltsame Schatten oder verschiebt Bilder.
Dieses Tool schreibt das Figma-SVG in einfaches SVG um, das XD korrekt importiert: Es wandelt Stile in Attribute um, ersetzt Verweise durch Kopien des Ziels, macht aus Alpha-Masken Schnittmasken (wie XD sie verwendet), schreibt Schatten und Ebenen-Weichzeichnung in der Form, die XD selbst exportiert, entfernt, was XD nicht importieren kann (etwa Hintergrund-Weichzeichnung), und legt die Größe in Pixeln fest.
Laden Sie eine oder mehrere .svg-Dateien hoch oder fügen Sie den Code aus „Copy as SVG“ in Figma ein. Sie sehen eine Vorschau und eine Übersicht der Anpassungen. Danach kopieren Sie das SVG und fügen es mit Strg+V in XD ein oder laden es herunter und ziehen es auf die XD-Arbeitsfläche.
Alles läuft in Ihrem Browser: Es wird nichts hochgeladen. Der kostenlose Test wandelt ein SVG um; mit ToolStudio Pro nutzen Sie das Tool unbegrenzt und können mehrere Dateien gleichzeitig umwandeln.
Wie übertrage ich ein Figma-Design nach Adobe XD?
- Wählen Sie in Figma den Frame aus und klicken Sie mit rechts › Copy/Paste as › Copy as SVG (oder exportieren Sie ihn als SVG).
- Fügen Sie den Code im Tab „SVG-Code einfügen“ ein oder laden Sie die .svg-Datei hoch.
- Klicken Sie auf „Für XD umwandeln“.
- Klicken Sie auf „SVG kopieren“ und fügen Sie es mit Strg+V in Adobe XD ein, oder laden Sie die .svg herunter und ziehen Sie sie auf die Arbeitsfläche (oder Datei › Importieren).
Wann bringt man Figma-Designs nach XD?
- Screens oder Icons an Kunden oder Teams liefern, die noch mit Adobe XD arbeiten.
- Illustrationen und Logos aus Figma in ein XD-Projekt übernehmen.
- Figma-Komponenten in einem XD-Prototyp wiederverwenden.
- Figma-SVGs reparieren, die nach dem Import in XD falsch aussehen (Masken, Schatten, Bilder).
Unterstützte Formate
- Eingabe: aus Figma exportiertes SVG (.svg-Datei bis 50 MB oder eingefügter Code). SVG aus anderen Programmen funktioniert ebenfalls.
- Ausgabe: für Adobe XD vorbereitetes SVG zum Kopieren und Einfügen oder Herunterladen.
- .fig-Dateien lassen sich nicht umwandeln: Nur Figma selbst kann sie öffnen. Exportieren Sie den Frame zuerst als SVG.
- Damit Texte als bearbeitbarer Text ankommen, deaktivieren Sie „Outline text“ in den SVG-Exporteinstellungen von Figma.
Häufig gestellte Fragen
Kann ich eine Figma-Datei (.fig) in Adobe XD öffnen?
Nein. Weder XD noch ein externes Tool kann .fig-Dateien lesen. Was funktioniert: aus Figma als SVG exportieren („Copy as SVG“ oder Exportieren › SVG) und dieses SVG mit diesem Tool aufbereiten, damit XD es korrekt importiert.
Warum nicht einfach das Figma-SVG direkt in XD importieren?
Weil Figma Alpha-Masken, verkettete Filter, Stile und Verweise ins SVG schreibt, die der XD-Import falsch liest oder ignoriert: Masken gehen verloren, Schatten verändern sich oder Elemente fehlen. Das Tool schreibt sie in eine Form um, die XD versteht.
Kann ich das Ergebnis direkt in XD einfügen?
Klicken Sie auf „SVG kopieren“ und fügen Sie es mit Strg+V (Cmd+V auf dem Mac) auf der XD-Arbeitsfläche ein. Wenn Ihre XD-Version keinen SVG-Code einfügt, laden Sie die .svg-Datei herunter und ziehen Sie sie auf die Arbeitsfläche oder öffnen Sie sie über Datei › Importieren.
Kommen die Texte bearbeitbar an?
Nur wenn das SVG Text enthält. Figma wandelt Texte beim SVG-Export standardmäßig in Pfade um; deaktivieren Sie „Outline text“ in den Exporteinstellungen, damit sie Text bleiben, und installieren Sie dieselben Schriften.
Werden meine Dateien auf einen Server hochgeladen?
Nein. Die Datei wird in Ihrem eigenen Browser geöffnet und konvertiert. Sie wird auf keinen Server hochgeladen und verlässt Ihren Computer nicht – Sie können das Tool also auch für Kundenprojekte und vertrauliche Entwürfe nutzen.
Ist das kostenlos?
Sie haben einen kostenlosen Test: ein SVG umwandeln. Für weitere Dateien oder mehrere gleichzeitig brauchen Sie ToolStudio Pro: unbegrenzte Nutzung aller Werkzeuge, Stapelverarbeitung und keine Werbung. Jederzeit kündbar.
