Zum Hauptinhalt springen

Figma Grundkurs: UI/UX Design & Prototyping

Gestalten Sie moderne digitale Interfaces intuitiv, kollaborativ und hochprofessionell. In diesem dreitägigen Figma-Grundkurs lernen Sie das weltweit führende Werkzeug für UI/UX-Design und Prototyping von der ersten Skizze an sicher zu beherrschen.

Der Kurs richtet sich explizit an Webdesigner, App-Entwickler, Produktmanager und Quereinsteiger, die ohne oder mit geringen Vorkenntnissen ein solides Fundament im digitalen Produktdesign aufbauen möchten. Schritt für Schritt erarbeiten wir an praxisnahen Projekten, wie Sie Wireframes erstellen, responsive Layouts entwickeln und interaktive Klick-Dummys bauen.

Die Schwerpunkte dieses Figma-Grundlagen-Seminars:

  • Die Figma-Oberfläche & Basics: Sicherer Umgang mit Vektor-Werkzeugen, Rastern, Frames, Gruppen und dem Ebenen-Management.
  • Modernes UI-Design mit Auto Layout: Erstellung von flexiblen, responsiven Oberflächenelementen, die sich automatisch an verschiedene Bildschirmgrößen anpassen.
  • Komponenten & Varianten: Aufbau von wiederverwendbaren Design-Elementen (Buttons, Eingabefelder) zur effizienten Pflege ganzer Projekte.
  • Interaktives Prototyping: Erstellung von lebendigen Klick-Prototypen inklusive animierter Übergänge (Smart Animate) für überzeugende User-Tests und Präsentationen.
  • Kollaboration & Developer Handover: Nahtlose Zusammenarbeit im Team (FigJam) und die saubere Übergabe von Assets und CSS-Spezifikationen an die Softwareentwicklung.

Ihr schneller Einstieg in professionelles Produktdesign:

Dieses Einstiegsseminar bereitet Sie perfekt auf die tägliche Praxis vor. Wir vermitteln Ihnen nicht nur Klick-Wissen, sondern Best Practices für saubere Dateistrukturen, damit Ihre Entwürfe direkt produktiv genutzt werden können.

Bei diesem Seminar handelt es sich um einen echten Netz-Weise Praxisworkshop. Die Inhalte wurden von erfahrenen Design- und Frontend-Experten direkt aus ihrer täglichen Projektpraxis für Sie zusammengestellt.

Kursinhalt

Einführung

  • Die Benutzeroberfläche kennen lernen
  • Überblick über Funktionen und Tools
  • Ein neues Projekt anlegen und verwalten
  • Objekte anordnen und bearbeiten
  • Frames, Layers, Slices und Sections


Grundlegende Designprinzipien

  • Typografie und Farbgestaltung
  • Farben und Effekte anwenden
  • Konsistenz im Layout
  • Benutzerführung und Interaktionsdesign
  • Best Practices für Responsives Design, Verwendung von Constraints


Komponenten und Design-Systeme

  • Mit Komponenten, Varianten und deren Properties arbeiten
  • Effiziente Design-Systeme erstellen
  • UI-Elemente wiederverwenden
  • Assets verwalten und Bibliotheken erstellen
  • Styles für konsistentes Design nutzen
  • Variablen in Design-Systemen
  • Autolayout für flexibles und responsives Design


Prototyping, MockUps, Wireframing

  • Prototyping in Figma
  • Interaktive Prototypen mit Übergängen und Animationen


Kollaborationsmöglichkeiten in Figma

  • Teams und Echtzeit-Kollaboration
  • Freigabeoptionen und Zugriffsrechte verwalten
  • Feedback-Prozesse verstehen
  • Iteratives Design und Versionskontrolle


Export von Designs

  • Designs für die Übergabe an Entwickler vorbereiten

Anforderungen

Grundkenntnisse im Design oder in der Webentwicklung sind von Vorteil, aber nicht zwingend erforderlich.
Figma Grundkurs: UI/UX Design & Prototyping
 3 Tag(e)
  An einem Ort

1,490.00 €
zzgl. MwSt.