Figma - professionelles UI- & UX-Design. Intensiv-Schulung für Anwender

Figma – professionelles UI- & UX-Design in drei Tagen

Figma ist die cloudbasierte Design-Software für kollaboratives UI- & UX-Design – ob für Webseiten oder Apps. In dieser dreitägigen Intensiv-Schulung erwerben Sie fundierte Kenntnisse und praktische Fertigkeiten im Umgang mit Figma: von den Grundlagen bis zu interaktiven Prototypen, Designsystemen und erweiterten Funktionen. Erfahrene Dozierende begleiten Sie praxisnah durch alle Themen – direkt anwendbar im Arbeitsalltag.

Schulungsinhalte

• Grundlagen von UX- und UI-Design: Einführung in die Prinzipien und Unterschiede von User Experience (UX) und User Interface (UI) Design; Bedeutung und Einfluss auf die Benutzerfreundlichkeit und Ästhetik digitaler Produkte.
• Design Thinking und Nutzerzentrierung: Vorstellung des Design Thinking Prozesses und wie eine nutzerzentrierte Herangehensweise die Gestaltung von Benutzeroberflächen und das Gesamterlebnis verbessert.
• Informationsarchitektur und Wireframing: Grundlagen der Informationsarchitektur zur strukturierten Organisation von Inhalten und erste Schritte im Wireframing zur Visualisierung von Benutzeroberflächen.
• Visuelle Gestaltung und Interaktivität: Einführung in die grundlegenden visuellen Designprinzipien, Farbtheorie, Typografie sowie die Bedeutung von Interaktivität und Animationen im UI Design.
• Historie von Figma
• Konto einrichten
• Versionen & Lizenzmodelle: Figma Desktop oder Figma Web – kostenfrei oder kostenpflichtig
• Benutzeroberfläche und Grundfunktionen: Toolbar, Werkzeugpalette, Einstellungen, Anlagenfenster / Designfenster / Prototyp-Panel / Code-Panel und Leinwand, Shortcuts / Tastaturkürzel
• Arbeiten mit Text und Schriftarten in Figma
• Import von Bildern und Assets
• Verwendung von Vektorgrafiken und Grafikwerkzeugen
• Exportieren von Dateien
• 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
• Freigaben
• Versionierung
• Einrichten zugänglicher Stile
• Komponentenbibliotheken und Spezifikation für wiederverwendbare Elemente
• Gemeinsame Nutzung und Export von Assets
• Best Practices im UI- & UX-Design mit Figma
• Projekte und Fallstudien zur Vertiefung
• Erweiterte Funktionen und Plugins

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