UI/UX Design mit Figma und InDesign lernen – Kurs

Diese Weiterbildung verbindet zwei Designdisziplinen, die im Berufsalltag oft nebeneinander gefragt sind: interaktives UI/UX-Design mit Figma für die Echtzeit-Zusammenarbeit im Team sowie eine Zusatzqualifikation in Adobe InDesign für Layoutarbeit in Print und digitalen Medien. Im Zentrum steht die Erstellung interaktiver Prototypen, von der ersten Benutzerführung über Designsysteme bis zur Umsetzung auf mobilen und responsiven Oberflächen, ergänzt um die Fähigkeit, Gestaltungsergebnisse auch für Druck- und PDF-Ausgaben professionell aufzubereiten. Wer beide Werkzeuge beherrscht, kann digitale Interfaces und begleitende Printmaterialien aus einer Hand gestalten.

Der erste Modulblock legt die Grundlagen des UI/UX-Designs und führt in Figma ein. Im Mittelpunkt steht der Aufbau interaktiver Prototypen, von der reinen Oberflächengestaltung bis zur Struktur wiederverwendbarer Designsysteme.

• Einführung in Figma als Werkzeug für Echtzeit-Zusammenarbeit im Team
• Gestaltung von Benutzeroberfläche und Navigation mit Fokus auf interaktive Prototypen
• zentrale Design-Prinzipien und Best Practices im UI/UX-Bereich
• Erstellung und Bearbeitung wiederverwendbarer Komponenten
• Aufbau und Pflege konsistenter Designsysteme
• Grundlegende Prinzipien nutzerzentrierter Interfacegestaltung

Der zweite Modulblock vertieft die Erstellung interaktiver Prototypen anhand konkreter Anwendungsfälle. Hier wird das im ersten Block gelegte Fundament auf reale Gestaltungsszenarien wie mobile Interfaces und responsive Webseiten übertragen.

• Grundlegende Interaktionsmuster für Prototypen
• Einsatz von Effekten wie Schatten und Unschärfe zur visuellen Differenzierung
• Design eines mobilen App-Interfaces mit interaktiven Übergängen
• Konzeption einer responsiven Webseite mit unterschiedlichen Bildschirmgrößen
• Testen und Iterieren von Prototypen anhand von Nutzerfeedback
• Übertragung von Designentscheidungen zwischen mobilen und Web-Interfaces

Der dritte Modulblock widmet sich Design für Print und digitale Medien und bildet die inhaltliche Brücke zwischen UI/UX-Design und der später folgenden InDesign-Zusatzqualifikation. Farb-, Typografie- und Layoutfragen werden hier bewusst medienübergreifend behandelt.

• Farb-, Typografie- und Layoutentscheidungen mit Blick auf interaktive Prototypen
• Grundlagen der Bildverarbeitung für die Einbindung in Layouts
• Umgang mit Textverarbeitung im Zusammenhang mit gestalteten Oberflächen
• Einsatz von Farben und visuellen Effekten in unterschiedlichen Medienformaten
• Arbeiten mit Pfaden und Objekten sowie zugehörigen Effekten
• Abgrenzung der Gestaltungslogik von Print- und Digitalmedien

Der vierte Modulblock bildet die Zusatzqualifikation in Adobe InDesign und vermittelt die für Print- und PDF-Produktion notwendigen Werkzeugkenntnisse. Damit ergänzt dieser Block die vorangegangenen UI/UX-Inhalte um eine eigenständige, klar abgrenzbare Layout-Kompetenz.

• Buchfunktion, Textumfluss und Objektformate für mehrseitige Dokumente
• Verwaltung von Verknüpfungen zu eingebundenen Bild- und Textdateien
• Vorbereitung von Anwendungen für unterschiedliche Ausgabeformate
• Einrichtung und Kontrolle von Druckformaten
• Erstellung interaktiver PDF-Dokumente aus InDesign-Layouts
• Zusammenführung von InDesign-Kenntnissen mit den zuvor erlernten UI/UX-Designprinzipien

Die vier Blöcke sind bewusst so angeordnet, dass die Teilnehmenden zunächst ein solides UI/UX-Fundament in Figma aufbauen, dieses auf konkrete Interface-Szenarien anwenden, die Brücke zu Print- und Digitalmedien schlagen und schließlich mit InDesign eine eigenständige Zusatzqualifikation erwerben. Beide Werkzeugwelten, Figma für digitale Interfaces und InDesign für Print- und PDF-Layout, bleiben dabei klar unterscheidbar, werden aber im dritten Block bewusst zusammengeführt. Wer die Weiterbildung abschließt, verfügt damit über ein Kompetenzprofil, das sowohl im digitalen Produktdesign als auch bei klassischer Layoutarbeit für Printmedien einsetzbar ist, eine Kombination, die in Design-Teams zunehmend gefragt ist, wenn digitale und gedruckte Kommunikationsmittel aus einer Hand entstehen sollen.

Die Weiterbildung richtet sich an Personen, die eine Tätigkeit im Bereich UI/UX-Design mit Fokus auf Echtzeit-Zusammenarbeit in Figma anstreben oder ihre bestehenden Fachkenntnisse in diesem Bereich um professionelle InDesign-Kompetenzen erweitern möchten.

• Angehende UI/UX-Designer mit Interesse an kollaborativem Prototyping
• Mediengestalter, die ihre Kenntnisse in Figma und InDesign vertiefen möchten
• Webdesigner mit Schwerpunkt auf Interface- und Interaktionsgestaltung
• Personen mit erster Erfahrung in Adobe-Anwendungen, die sich in Richtung Interaction Design weiterentwickeln möchten
• Fachkräfte, die digitale und Print-Layoutarbeit in einer Rolle verbinden wollen

Die Inhalte werden praxisnah anhand konkreter Gestaltungsaufgaben vermittelt: Die Teilnehmenden erstellen eigene interaktive Prototypen in Figma und erhalten strukturiertes Feedback zur Verbesserung ihrer Designs. Die InDesign-Zusatzqualifikation wird ebenso projektbasiert vermittelt, sodass Layoutfunktionen direkt an eigenen Dokumenten geübt werden, statt nur theoretisch erklärt zu werden.

Die Weiterbildung gliedert sich in vier aufeinander aufbauende Modulblöcke, von den UI/UX-Grundlagen über die Vertiefung interaktiver Prototypen und Print-/Digitalmedien-Layout bis zur InDesign-Zusatzqualifikation. Die konkrete zeitliche Einteilung richtet sich nach dem gewählten Kursangebot.

Die Weiterbildung schließt mit einem trägerinternen Zertifikat beziehungsweise einer Teilnahmebescheinigung zu UI/UX Design mit Figma inklusive der Zusatzqualifikation InDesign ab. Es handelt sich nicht um eine staatlich anerkannte Prüfung oder ein Adobe-Herstellerzertifikat, sondern um eine anbieterseitige Bestätigung der erworbenen Kompetenzen in beiden Werkzeugbereichen.

Digitale Produktteams benötigen zunehmend Designerinnen und Designer, die nicht nur einzelne Bildschirme gestalten, sondern interaktive Prototypen in enger Zusammenarbeit mit Entwicklung und Produktmanagement erarbeiten können. Figma hat sich dafür als zentrales Werkzeug etabliert, weil es genau diese Echtzeit-Zusammenarbeit direkt im Tool ermöglicht, statt Designs erst nachträglich abzustimmen. Die Zusatzqualifikation in InDesign erweitert dieses Profil um eine Kompetenz, die im digitalen Design häufig fehlt, aber in vielen Unternehmen weiterhin gebraucht wird: die professionelle Aufbereitung von Inhalten für Print- und PDF-Ausgaben. Wer beides beherrscht, kann etwa ein digitales Designsystem in Figma entwickeln und dieselben Gestaltungsprinzipien konsistent auf gedruckte Begleitmaterialien oder interaktive PDF-Dokumente übertragen. Für die berufliche Positionierung bedeutet diese Kombination eine breitere Einsetzbarkeit als bei einer reinen Figma- oder reinen InDesign-Qualifikation: Die Teilnehmenden können sich sowohl für Rollen im reinen UI/UX-Design als auch für hybride Positionen bewerben, in denen digitale Interfaces und Printmaterialien aus einer Hand entstehen sollen, etwa als Interface Designer mit Layout-Zusatzkompetenz oder als Mediengestalter mit vertieftem UX-Fokus.