Figma: Effizienter Umstieg von Adobe XD für modernes UI- & UX-Design

Von Adobe XD zu Figma – strukturiert und ohne Produktivitätsverlust

Seit Adobe die Weiterentwicklung von Adobe XD eingestellt hat, ist Figma die erste Wahl für professionelles UI- und UX-Design. In dieser Schulung lernen Sie, den Umstieg von Adobe XD auf Figma effizient zu gestalten – von der Dateikonvertierung bis zur täglichen Arbeit mit dem Tool. Sie machen sich mit der Benutzeroberfläche vertraut, entdecken die Vorteile der cloudbasierten Zusammenarbeit und erarbeiten sich die wichtigsten Funktionen für anspruchsvolle Design- und Prototyping-Projekte.

Voraussetzungen

Grundkenntnisse in Adobe XD sowie ein grundlegendes Verständnis von UX- und UI-Design werden vorausgesetzt.

Zielgruppe

Die Schulung richtet sich an Designer:innen, Entwickler:innen und Produktmanager:innen, die aktuell Adobe XD nutzen und auf Figma umsteigen möchten.

Schulungsinhalte

• Unterschiede und Einführung in Figma:
• Versionen und Lizenzmodelle bei Figma
• Unterschiede bei der Benutzeroberfläche und grundlegenden Funktionen
• Einstellungen und Anpassung der Oberfläche
• Vergleich der Shortcuts / Tastaturkürzel bei Figma & Adobe XD
• Unterschiede beim kollaborativen Arbeiten
• Import und Konvertierung von Adobe XD nach Figma:
• Was geht und was geht nicht
• Konvertierung von Dateien und Assets über das SVG Format
• Der Einsatz von Konvertierung-Tools (Convertify / Magicul)
• Werkzeuge und Funktionen:
• Toolbar
• Werkzeugpalette
• Einstellungen
• Anlagenfenster / Designfenster / Prototyp-Pane
• Shortcuts / Tastaturkürzel
• Arbeiten mit Text und Schriftarten in Figma
• Import von Bildern und Assets
• Verwendung von Vektorgrafiken und Grafikwerkzeugen
• Exportieren von Dateien
• Intuitives Web- und App-Design mit Figma:
• Erstellen und Bearbeiten von Design-Artboards (Frames)
• Arbeiten mit Frames, Sections und Slices
• Nutzung von Designsystemen und Bibliotheken (Pattern Library Erstellung)
• Constraints für responsives Design
• Autolayout – Funktionen und Möglichkeiten
• Systeme von Komponenten und Instanzen
• Einsatz und Möglichkeiten von Varianten
• Designsysteme mit Komponenten-Properties
• Designvariablen effektiv erstellen und einsetzen
• Prototyping für interaktive Elemente
• Wireframes und interaktive Prototypen
• Nutzung des Viewers für responsives Design
• Kollaboratives Arbeiten und Workflows:
• Freigaben
• Versionierung
• Einrichten zugänglicher Stile
• Komponentenbibliotheken und Spezifikation für wiederverwandbare Elemente
• Gemeinsame Nutzung und Export von Assets
• Tipps und Tricks für effizienteres Arbeiten

Unsere praxiserfahrenen Dozierenden vermitteln live vor den Teilnehmenden direkt und intensiv die Inhalte der Schulung