Wofür braucht man einen Konverter von Adobe XD zu Figma?
Adobe entwickelt XD nicht mehr weiter, und viele Teams sind zu Figma gewechselt – ihre Projekte liegen aber noch in .xd-Dateien, die Figma nicht öffnen kann. Jeden Screen von Hand nachzubauen dauert Tage. Dieses Tool liest die .xd-Datei und erzeugt pro Zeichenfläche ein SVG, das Figma als bearbeitbare Ebenen importiert.
Eine .xd-Datei ist ein Paket, das jede Ebene beschreibt. Der Konverter übersetzt sie in SVG: Rechtecke mit abgerundeten Ecken, Ellipsen, Linien, Pfade und boolesche Formen, Gruppen, Masken, Flächen-, Verlaufs- und Bildfüllungen, Konturen und Strichelungen, Deckkraft, Füllmethoden, Schlagschatten und Ebenen-Weichzeichnung. Texte kommen als bearbeitbarer Text mit Schrift, Größe, Zeilenabstand und Farbe an, und jede Ebene behält ihren Namen aus XD.
Danach sehen Sie eine Vorschau jeder Zeichenfläche. Kopieren Sie eine einzelne (in Figma wird sie zu einem Frame) oder alle auf einmal, angeordnet wie auf der XD-Arbeitsfläche, und fügen Sie sie mit Strg+V ein. Sie können auch das SVG jeder Zeichenfläche, ein SVG mit allen oder ein ZIP herunterladen. Außerdem zeigen wir die verwendeten Schriften an, damit Sie sie vor dem Einfügen installieren können.
Alles läuft in Ihrem Browser: Die Datei wird nicht hochgeladen. Der kostenlose Test wandelt eine .xd-Datei mit allen Zeichenflächen um; mit ToolStudio Pro nutzen Sie das Tool unbegrenzt und können mehrere Dateien gleichzeitig umwandeln.
Wie übertrage ich ein Adobe-XD-Design nach Figma?
- Ziehen Sie Ihre .xd-Datei auf die Seite oder klicken Sie, um sie auszuwählen.
- Klicken Sie auf „Für Figma umwandeln“ und warten Sie ein paar Sekunden.
- Klicken Sie bei der gewünschten Zeichenfläche (oder bei „Alle Zeichenflächen“) auf „SVG kopieren“.
- Klicken Sie in Figma auf die Arbeitsfläche und fügen Sie mit Strg+V (Cmd+V auf dem Mac) ein. Alternativ laden Sie das SVG herunter und ziehen es in Figma.
Wann lohnt sich die Umwandlung von XD nach Figma?
- Projekte eines Teams, das mit Adobe XD gearbeitet hat, nach Figma migrieren.
- Screens, Icons oder Illustrationen aus einer alten .xd-Datei in einem neuen Design wiederverwenden.
- Die .xd-Datei eines Kunden oder einer Agentur öffnen, ohne XD installiert zu haben.
- Ein XD-Designsystem in eine Figma-Bibliothek übernehmen.
- Eine XD-Zeichenfläche als SVG für das Web oder für Illustrator erhalten.
Was erhalten bleibt und was nicht
- Eingabe: Adobe-XD-Dateien (.xd), lokal gespeichert, bis 200 MB.
- Ausgabe: ein SVG pro Zeichenfläche, ein SVG mit allen Zeichenflächen oder ein ZIP – bereit zum Einfügen in Figma.
- Erhalten bleiben: Formen, Pfade, Gruppen, Masken, Bilder, Farben, Verläufe, Konturen, Deckkraft, Schatten, Ebenen-Weichzeichnung, Texte und Ebenennamen.
- Nicht erhalten bleiben: Prototyp-Interaktionen, Hintergrund-Weichzeichnung, Komponentenzustände, Wiederholungsraster (sie kommen als Gruppen an) und responsive Größenanpassung.
- XD-Cloud-Dokumente müssen zuerst als lokale Datei gespeichert werden (Datei › Speichern unter).
Häufig gestellte Fragen
Kann ich eine .xd-Datei direkt in Figma öffnen?
Nein. Figma importiert keine Adobe-XD-Dateien. Dieses Tool wandelt die .xd-Datei in SVG um, ein Format, das Figma als bearbeitbare Ebenen importiert: kopieren und mit Strg+V einfügen oder die heruntergeladene Datei auf die Arbeitsfläche ziehen.
Bleiben die Texte in Figma bearbeitbar?
Ja. Texte werden zu SVG-Text mit Schrift, Größe, Zeilenabstand und Farbe, und Figma importiert sie als Textebenen. Installieren Sie vorher die angezeigten Schriften: Findet Figma eine Schrift nicht, ersetzt es sie.
Wird jede Zeichenfläche zu einem Figma-Frame?
Wenn Sie jede Zeichenfläche einzeln kopieren oder herunterladen, wird jede zu einem Frame in exakter Größe. Die Option „Alle Zeichenflächen“ fügt sie zusammen ein, angeordnet wie in XD, in einem einzigen Frame.
Was passiert mit Komponenten und Wiederholungsrastern?
Sie behalten Aussehen und Ebenen, kommen aber als normale Gruppen an: Figma kann aus einem SVG keine Komponenten importieren. In Figma können Sie sie mit „Komponente erstellen“ neu anlegen.
Funktioniert es mit Adobe-XD-Cloud-Dokumenten?
Sie brauchen die .xd-Datei auf Ihrem Computer. Liegt das Design in der Adobe-Cloud, öffnen Sie es in XD und wählen Datei › Speichern unter, um eine lokale Kopie zu speichern.
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: eine .xd-Datei mit allen Zeichenflächen umwandeln. Für weitere Dateien oder mehrere gleichzeitig brauchen Sie ToolStudio Pro: unbegrenzte Nutzung aller Werkzeuge, Stapelverarbeitung und keine Werbung. Jederzeit kündbar.
