Figma - Umstieg von Adobe XD: Projekte sicher übertragen und weiterführen

Adobe XD und Figma richtig einordnen

• Aktueller Status von Adobe XD und Konsequenzen für bestehende Design-Workflows
• Unterschiede zwischen desktoporientierter XD-Arbeitsweise und kollaborativer Figma-Struktur
• Gemeinsamkeiten und Unterschiede bei Zeichenflächen, Frames, Ebenen, Assets und Komponenten
• Typische Stolperstellen beim Wechsel von XD zu Figma
• Entscheidungskriterien: bestehende Datei übernehmen, bereinigen oder neu strukturieren

Orientierung in Figma für Adobe-XD-Anwendende

• Arbeitsoberfläche, Dateien, Seiten, Frames und Ebenen im Vergleich zu Adobe XD
• Navigation, Auswahl, Ausrichtung und Objektbearbeitung in Figma
• Wichtige Tastaturkürzel und Bedienunterschiede für den schnellen Umstieg
• Organisation von Projekten, Teams und Dateien in Figma
• Benennungen und Strukturen für migrierte oder neu aufgebaute Projekte

XD-Projekte für den Umstieg vorbereiten

• Bestehende XD-Dateien prüfen und Inhalte für die Übertragung priorisieren
• Screens, Assets, Icons, Bilder, Farben und Typografie systematisch sichern
• Veraltete Strukturen, doppelte Elemente und uneinheitliche Komponenten erkennen
• Grenzen automatischer oder pluginbasierter Konvertierung realistisch einschätzen
• Migrationsplan für laufende Website-, App- oder Produktprojekte entwickeln

Layouts und UI-Screens in Figma neu aufbauen

• XD-Artboards in Figma-Frames sinnvoll übertragen
• Layout Grids, Abstände und Constraints für bestehende Designs einrichten
• Auto Layout als Ersatz für manuelle Layout-Anpassungen verstehen und anwenden
• Responsive Strukturen für Website- und App-Screens vorbereiten
• Designs so organisieren, dass spätere Änderungen leichter möglich sind

Komponenten, Assets und Styles übertragen

• XD-Komponenten mit Figma-Komponenten, Instanzen und Varianten vergleichen
• Wiederverwendbare UI-Elemente in Figma sauber neu aufbauen
• Farben, Typografie und Effekte als Styles strukturieren
• Assets, Icons und Grafiken für die weitere Arbeit vorbereiten
• Grundlagen für spätere Libraries und Design-System-Strukturen schaffen

Prototyping von XD nach Figma übertragen

• Bestehende XD-Prototypen analysieren und Interaktionen in Figma nachbilden
• Verknüpfungen, Trigger, Overlays und Übergänge in Figma einsetzen
• Klickpfade, User Flows und Zustände nachvollziehbar strukturieren
• Grenzen zwischen einfachem Prototyping und fortgeschrittenen Interaktionen einordnen
• Prototypen für Reviews, Tests und Abstimmungen vorbereiten

Zusammenarbeit, Feedback und Freigaben in Figma

• Dateien teilen und Berechtigungen für Teammitglieder, Stakeholder und externe Beteiligte vergeben
• Kommentare, Feedback und Änderungswünsche direkt im Designprozess organisieren
• Versionen und Projektstände nachvollziehbar halten
• Review-Prozesse aus XD in Figma effizienter abbilden

Übergabe an Entwicklung und Projektbeteiligte

• Designs für Handoff, Spezifikationen und Asset-Export vorbereiten
• Dev Mode und Inspect-Funktionen im Umstiegskontext einordnen
• Abstände, Farben, Typografie und Assets nachvollziehbar dokumentieren

Zu den Buchungsoptionen

Diese Schulung richtet sich an Designerinnen, UX-/UI-Verantwortliche, Webdesigner, Marketingteams, Produktteams und digitale Projektverantwortliche, die bisher mit Adobe XD gearbeitet haben und ihre Projekte künftig in Figma weiterführen möchten.

Zu den Buchungsoptionen

Zu den Buchungsoptionen