UI-Designer:in

Du lernst die Designdisziplinen UX, UI und Webdesign kennen, steigst in Figma ein und entdeckst, wie KI deinen Designprozess bereichert. Die Grundlagen für Gestaltung, Farbe, Typografie und Ikonographie bilden das visuelle Fundament für alles, was folgt.

Du verstehst, warum Responsive Design heute unverzichtbar ist, und lernst, Inhalte für Mobile, Tablet und Desktop zu konzipieren. Mit Gridsystemen und Auto Layout in Figma setzt du Layouts um, die sich auf jedem Bildschirm sauber verhalten.

Du lernst bewährte Muster kennen, die gute digitale Produkte auszeichnen – von Navigation über Usability-Patterns bis hin zu Komponenten wie Buttons, Input Fields und Formularen. Du baust diese Komponenten eigenständig in Figma nach.

Du entwickelst ein Gespür dafür, wie digitale Produkte gedacht werden – von der User Persona über User Flows und Informationsarchitektur bis hin zu Low- und High-Fidelity-Wireframes. Konzeption wird zur Grundlage für jede Designentscheidung.

Du lernst, klickbare Prototypen in Figma zu erstellen und Interaktionen wie Trigger, Overlays, Scroll und Micro Interactions einzusetzen. So kannst du Nutzererlebnisse simulieren und testbar machen, bevor ein einziger Code-String geschrieben wird.

Du lernst, was UI-Design bedeutet, wie es digitale Produkte prägt und welche Grundprinzipien hinter guten Interfaces stecken. Außerdem steigst du in Figma und die wichtigsten KI-Tools ein, die deinen Designworkflow von Anfang an beschleunigen.

Du vertiefst dein Verständnis für technische Grundlagen wie HTML, CSS, Padding und Margin und lernst, wie Begriffe wie Dark Patterns, Konsistenz und Direkte Manipulation die Qualität von Interfaces beeinflussen. Anhand realer Beispiele übst du, bestehende Designs zu analysieren und gezielt zu verbessern.

Du baust die wichtigsten UI-Komponenten eigenständig in Figma: Avatare, Chips, Tabellen, Toggles, Modals und Tooltips. Dabei lernst du Best Practices und verstehst, wie gut durchdachte Komponenten die Grundlage für skalierbare Designsysteme bilden.

Du lernst, was ein Designsystem ist, wie es aufgebaut wird und wie du Variablen, Design Tokens und Theming in Figma einsetzt. Mit KI-Unterstützung durch ChatGPT erstellst du ein vollständiges, dokumentiertes System – von Farb-Tokens bis zu Variable Modes.

Du erstellst interaktive Prototypen mit Variablen in Figma und setzt Motion & Micro Interactions ein. Ergänzend lernst du, wie du mit KI-Tools wie Figma Make, Lovable und v0 schnell prototypst und Designs sauber an Entwickler:innen übergibst.