Packt

Master Web & Mobile Design - Figma & UI/UX Grundlagen

Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 399 $). Jetzt sparen.

Packt

Master Web & Mobile Design - Figma & UI/UX Grundlagen

Bei Coursera PlusMehr erfahren enthalten

Fragen Sie Coursera

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Entdecken Sie wichtige psychologische Grundsätze für die Gestaltung nutzerorientierter, ansprechender Benutzeroberflächen.

  • Sammeln Sie praktische Erfahrungen mit fortschrittlichen Design-Tools wie den Komponenten und Varianten von Figma.

  • Lernen Sie die Techniken des Wireframing, der Prototypenerstellung und der responsiven Gestaltung für Mobil- und Webprojekte.

  • Erfahren Sie, wie Sie mit Figma wunderschöne UI/UX-Designs erstellen können, ohne Code schreiben zu müssen.

Kompetenzen, die Sie erwerben

  • Kategorie: Benutzerfreundliches Design
  • Kategorie: Typografie
  • Kategorie: Benutzeroberfläche (UI) Design
  • Kategorie: Grafische und visuelle Gestaltung
  • Kategorie: Web-Design
  • Kategorie: Anwendungsdesign
  • Kategorie: Layout Gestaltung
  • Kategorie: UI/UX-Strategie
  • Kategorie: Prototyping
  • Kategorie: Animationen
  • Kategorie: Benutzeroberfläche (UI)
  • Kategorie: Benutzererfahrung
  • Kategorie: Design der Benutzeroberfläche und Benutzererfahrung (UI/UX)
  • Kategorie: Reaktionsfähiges Web-Design
  • Kategorie: Interaktives Design
  • Kategorie: Mobile Entwicklung
  • Kategorie: Wireframing

Werkzeuge, die Sie lernen werden

  • Kategorie: UI-Komponenten
  • Kategorie: Figma (Entwurfssoftware)
  • Kategorie: Kollaborative Software

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Februar 2026

Bewertungen

29 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

 Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

In diesem Kurs gibt es 29 Module

In diesem Modul werden wir uns mit den Grundlagen von Figma befassen und dabei zunächst dessen Rolle im modernen Web- und Mobile-Design beleuchten. Sie lernen, wie Sie sich von einem Anfänger zu einem versierten Figma-Anwender entwickeln, verstehen den Unterschied zwischen UI und UX und beginnen damit, Designs zu erstellen, die für die Entwicklung bereit sind. Darüber hinaus führen wir Sie durch wichtige Werkzeuge und Techniken zur Optimierung Ihres Designprozesses.

Das ist alles enthalten

6 Videos1 Lektüre

In diesem Modul befassen wir uns mit den Grundlagen des Wireframing, darunter auch mit der Erstellung von Low-Fidelity- und High-Fidelity-Wireframes für Web- und Mobile-Designs. Außerdem lernen Sie, Ihre Designdateien in Figma effektiv zu organisieren, um den Prozess zu optimieren und die Effizienz zu steigern.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf wichtige visuelle Elemente wie Typografie, Farben und Symbole. Sie lernen, wie Sie Schriftarten, Farben und Symbole in Figma effektiv auswählen und anwenden, um die Ästhetik und Funktionalität Ihrer Entwürfe zu verbessern. Anhand von praktischen Projekten sammeln Sie praktische Erfahrungen mit diesen grundlegenden Designelementen.

Das ist alles enthalten

12 Videos1 Aufgabe

In diesem Modul führen wir Sie durch den Prozess der Erstellung und Nutzung von Seiten in Figma, um Ihre Designprojekte zu organisieren. Sie lernen, wie Sie komplexe Designs mit mehreren Seiten verwalten und dabei sicherstellen, dass Ihr Arbeitsablauf effizient und optimiert bleibt.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul führen wir Sie in die Grundlagen des Prototyping in Figma ein und helfen Ihnen dabei, interaktive Designs zu erstellen. Sie lernen, wie Sie fließende Übergänge und Beschleunigungs- und Abbremsungseffekte hinzufügen und Ihre Prototypen mit Figma Mirror in Echtzeit auf Mobilgeräten testen können.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Funktion „Smart Animate“ von Figma und zeigen Ihnen, wie Sie dynamische Animationen erstellen, die Ihre Designs zum Leben erwecken. Sie werden diese Techniken in einem Projekt anwenden und dabei praktische Erfahrungen bei der Animation von UI-Elementen und der Verbesserung der Benutzerinteraktion sammeln.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul werden wir uns damit befassen, wie Figma die Zusammenarbeit in Echtzeit ermöglicht. Sie lernen, wie Sie Ihre Entwürfe freigeben, Feedback von Teammitgliedern einholen und mithilfe der Multiplayer-Funktion von Figma effizient zusammenarbeiten können, wodurch die Zusammenarbeit im Team reibungsloser und effektiver wird.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul führen wir Sie durch den Prozess der Erstellung von Moodboards in Figma, damit Sie die kreative Ausrichtung Ihres Projekts visuell strukturieren und abstimmen können. Sie lernen, wie Sie Inspiration sammeln und Moodboards erstellen, die Ihre Designentscheidungen anregen und beeinflussen.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Erstellung responsiver Rastersysteme in Figma, damit Sie Layouts erstellen können, die sich an verschiedene Bildschirmgrößen anpassen. Sie lernen, wie Sie Ihre Entwürfe mithilfe von Spalten und Rastern strukturieren, um Flexibilität und Konsistenz in all Ihren Projekten zu gewährleisten.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul beschäftigen wir uns eingehend mit der Farblehre und ihrer Anwendung in Figma und zeigen Ihnen, wie Sie Farbsysteme auswählen, anwenden und erstellen können, die Ihre Designs aufwerten. Außerdem lernen Sie, wie Sie Farbverläufe und Farbpaletten in Ihre Figma-Projekte integrieren können.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf Typografie und zeigen Ihnen, wie Sie Schriftarten auswählen und kombinieren, Typografie-Skalen erstellen und die Textverwaltung mithilfe des Textwerkzeugs von Figma optimieren können. Sie sammeln praktische Erfahrungen bei der Erstellung einheitlicher und gut lesbarer Texte für Web- und mobile Benutzeroberflächen.

Das ist alles enthalten

7 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Zeichenwerkzeuge von Figma, insbesondere auf das Stiftwerkzeug und Vektornetzwerke. Sie lernen, wie Sie eigene Formen und filigrane Designs präzise erstellen können, sodass Sie komplexe UI-Elemente meistern und Ihre Designfähigkeiten verfeinern können.

Das ist alles enthalten

2 Videos1 Aufgabe

In diesem Modul beschäftigen wir uns mit booleschen Operationen in Figma und zeigen Ihnen, wie Sie Formen kombinieren und komplexere Designelemente erstellen können. Außerdem arbeiten Sie an einem Projekt, das veranschaulicht, wie sich boolesche Operationen in einem realistischen UI-Design-Szenario effektiv einsetzen lassen.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Arbeit mit Bildern und Assets in Figma. Sie lernen, wie Sie Bilder importieren und positionieren, Maskierungstechniken anwenden und die leistungsstarken Plugins von Figma nutzen, um Ihre Bildbearbeitung und Ihren Designprozess zu optimieren.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul beschäftigen wir uns eingehend mit Auto Layout und Constraints und zeigen Ihnen, wie Sie flexible und responsive Designs erstellen können. Sie lernen, wie Sie diese leistungsstarken Funktionen nutzen, um adaptive Layouts zu erstellen und Ihre Design-Workflows für verschiedene Bildschirmgrößen zu optimieren.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul werden wir uns damit befassen, wie Sie Ihren Figma-Entwürfen visuelle Effekte wie Schatten, Hintergrundunschärfe und andere interaktive Elemente hinzufügen können. Sie sammeln praktische Erfahrungen bei der Gestaltung dynamischerer und optisch ansprechenderer Benutzeroberflächen.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die Dateiverwaltung in Figma und behandeln dabei das Speichern von Dateien, den Zugriff auf den Versionsverlauf sowie die Nachverfolgung von Änderungen. Außerdem lernen Sie bewährte Vorgehensweisen für die Organisation und Verwaltung Ihrer Designdateien kennen, um die Zusammenarbeit und die Versionskontrolle zu optimieren.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul werden wir uns mit den Möglichkeiten von Komponenten in Figma befassen. Sie lernen, wie Sie wiederverwendbare Komponenten erstellen, Aktualisierungen verwalten und diese so organisieren, dass Ihre Designs einheitlich bleiben und sich leicht pflegen lassen.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul stellen wir Ihnen das Konzept der Varianten in Figma vor. Sie lernen, wie Sie Komponenten mit mehreren Zuständen und Eigenschaften erstellen, wodurch Sie Ihren Designprozess optimieren und die Flexibilität Ihrer UI-Elemente erhöhen können.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul behandeln wir grundlegende Techniken zur Gestaltung von Eingabeformularen und Benachrichtigungsoberflächen in Figma. Sie lernen, wie Sie funktionale, benutzerfreundliche Formularelemente erstellen, die die Benutzererfahrung und die Nutzerinteraktion insgesamt verbessern.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul werden wir uns mit den erweiterten Prototyping-Funktionen in Figma befassen, darunter Overlays, Übergänge und mehrere Benutzerabläufe. Sie lernen, wie Sie ansprechende, dynamische Prototypen erstellen, die die Benutzerinteraktion und die Präsentation verbessern.

Das ist alles enthalten

7 Videos1 Aufgabe

In diesem Modul führen wir Sie durch die Team- und Projektmanagement-Funktionen von Figma. Sie lernen, wie Sie Ihren Arbeitsbereich für eine effiziente Zusammenarbeit organisieren und strukturieren können, um die Verwaltung komplexer Design-Workflows zu vereinfachen.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul behandeln wir das Erstellen und Verwalten von Bibliotheken in Figma. Sie lernen, wie Sie ein gemeinsam nutzbares Designsystem aufbauen, das für Konsistenz in all Ihren Designprojekten und Teams sorgt.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul tauchen wir in die Welt der Animationen und Mikrointeraktionen in Figma ein. Sie lernen, wie Sie mit dezenten Animationen und interaktiven Komponenten die Nutzerinteraktion und die allgemeine Benutzerfreundlichkeit Ihrer Designs verbessern können.

Das ist alles enthalten

9 Videos1 Aufgabe

In diesem Modul konzentrieren wir uns auf die individuelle Gestaltung von Projekt-Miniaturansichten und Titelbildern in Figma. Sie lernen, wie Sie optisch ansprechende Miniaturansichten erstellen, die Ihre Designarbeit optimal zur Geltung bringen und die Projektorganisation verbessern.

Das ist alles enthalten

1 Video1 Aufgabe

In diesem Modul führen wir Sie durch den Exportvorgang in Figma und zeigen Ihnen, wie Sie Ihre Entwürfe in verschiedenen Formaten speichern können. Außerdem lernen Sie, wie Sie Ihre Entwürfe wie ein Profi weitergeben, und entdecken Ressourcen zur Erstellung einheitlicher, skalierbarer Projekte.

Das ist alles enthalten

3 Videos1 Aufgabe

In diesem Modul beschäftigen wir uns eingehend mit den psychologischen Grundlagen eines effektiven UI/UX-Designs. Sie lernen, wie Sie psychologische Prinzipien wie die Farbpsychologie und den Dopamin-Effekt nutzen können, um ansprechendere und emotional ansprechendere Designs zu erstellen.

Das ist alles enthalten

6 Videos1 Aufgabe

In diesem Modul werden wir Ihre Figma-Kenntnisse auf die Probe stellen, indem wir praxisnahe UI/UX-Projekte umsetzen. Sie werden Benutzeroberflächen und Abläufe für eine Vielzahl von Anwendungen entwerfen und dabei praktische Erfahrungen sammeln, die Ihr Design-Portfolio bereichern werden.

Das ist alles enthalten

5 Videos1 Aufgabe

In diesem abschließenden Modul feiern wir Ihren Kursabschluss und helfen Ihnen dabei, Ihre nächsten Schritte in der Welt des UI/UX-Designs zu planen. Wir geben Ihnen Tipps, wie Sie sich weiterbilden, Ihre Karriere vorantreiben und in der sich rasant entwickelnden Designbranche immer einen Schritt voraus bleiben können.

Das ist alles enthalten

1 Video2 Aufgaben

Dozent

Packt - Course Instructors
Packt
1.946 Kurse586.353 Lernende

von

Packt

Mehr von Design und Produkt entdecken

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen