Figma Grundlagen: UI-Design, Prototyping & Design-Systeme

In dieser Figma Schulung erarbeitest Du Dir einen praxisnahen Einstieg in die Gestaltung digitaler Oberflächen für Websites, Apps und digitale Produkte. Im Mittelpunkt stehen nicht nur einzelne Funktionen, sondern ein sauberer Workflow: von der ersten Idee über Wireframes und UI-Layouts bis hin zu klickbaren Prototypen und der strukturierten Übergabe an Teammitglieder oder Entwickler:innen.

Du arbeitest mit Frames, Ebenen, Komponenten, Varianten, Auto Layout, Styles und Prototyping-Funktionen. Dabei entsteht ein Verständnis dafür, wie Designs konsistent aufgebaut, Änderungen nachvollziehbar organisiert und Abstimmungen im Team effizienter durchgeführt werden. Die Schulung eignet sich besonders, wenn Du Figma für Webprojekte, App-Konzepte, Produktideen, Relaunches oder interne digitale Anwendungen einsetzen möchtest.

Lernziele

• Beginn in Figma, Arbeitsoberfläche, Dateien, Seiten, Ebenen und Frames
• Grundlagen für UI-Layouts, Wireframes und digitale Oberflächen
• Arbeiten mit Formen, Texten, Bildern, Farben, Effekten und grafischen Elementen
• Strukturierung von Designs mit Frames, Gruppen, Ebenen und klarer Benennung
• Aufbau responsiver Layouts mit Grids, Abständen und Auto Layout
• Erstellung und Pflege wiederverwendbarer Komponenten
• Nutzung von Varianten, Zuständen, Styles und Grundlagen von Design-Systemen
• Einblick in Variablen und tokenorientierte Designprozesse
• Erstellung klickbarer Prototypen mit Verknüpfungen, Triggern und Interaktionen
• Einsatz von Overlays, Scroll-Verhalten, festen Elementen und Interactive Components
• Zusammenarbeit über Kommentare, Freigaben, Versionen und Review-Prozesse
• Vorbereitung von Designs für Handoff, Inspect-Funktionen, Dev Mode und Asset-Export
• Best Practices für saubere Dateistrukturen, Team-Workflows und typische Fehlerquellen

Zielgruppen

Die Figma Schulung richtet sich an Einsteiger aus UI-/UX-Design, Marketing, Produktmanagement, Webentwicklung und digitalen Projektteams, die Website-, App- oder Produktideen strukturiert gestalten, abstimmen und für die Umsetzung vorbereiten möchten.

Besonders geeignet ist der Kurs für alle, die Wireframes, UI-Layouts, klickbare Prototypen und wiederverwendbare Komponenten in Figma erstellen und die Zusammenarbeit mit Team, Stakeholdern oder Entwicklerinnen verbessern wollen. Spezielle Figma-Vorkenntnisse sind nicht erforderlich. Grundkenntnisse im Umgang mit digitalen Anwendungen sind hilfreich.