Skillshare
Figma UI UX Design Essentials Pt.2: Layout und Komponenten

Schalten Sie mit Coursera Plus den Zugang zu mehr als 10.000 Kursen frei. Starten Sie die 7-tägige kostenlose Testversion.

Skillshare

Figma UI UX Design Essentials Pt.2: Layout und Komponenten

Skillshare

Dozent: Skillshare

Bei Coursera Plus enthalten

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
7 Stunden zu vervollständigen
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
7 Stunden zu vervollständigen
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Kompetenzen, die Sie erwerben

  • Kategorie: Mockups
  • Kategorie: Figma (Design-Software)
  • Kategorie: Interaktives Design
  • Kategorie: Prototyping
  • Kategorie: Benutzererlebnis
  • Kategorie: UI Komponenten
  • Kategorie: User-Interface-(UI)-Design
  • Kategorie: Reaktionsfähiges Webdesign

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Kürzlich aktualisiert!

Juli 2025

Bewertungen

5 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

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung für Anfänger: Figma UI / UX-Designer Grundlagen
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
  • Lernen Sie neue Konzepte von Branchenexperten
  • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
  • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
  • Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 5 Module

Entdecken Sie, wie Sie flexible, anpassungsfähige UI-Layouts mit Figmas Auto-Layout und Constraints erstellen können. In diesem Modul werden Werkzeuge und Techniken für die Gestaltung von Schnittstellen vorgestellt, die reibungslos auf Änderungen der Bildschirmgröße reagieren. Sie werden expandierende Schaltflächen erstellen, verschachtelte Rahmen kombinieren und Text mit automatischer Höhe anwenden - und schließlich reaktionsfähige Komponenten entwerfen, die sich auf allen Geräten vorhersehbar verhalten

Das ist alles enthalten

7 Videos2 Lektüren1 Aufgabe1 Diskussionsthema

In diesem Modul verleihen Sie Ihren UI-Designs ein visuelles Flair und den letzten Schliff. Lernen Sie, wie Sie Schatten, Unschärfen und neumorphes Styling anwenden, um die Tiefe und den Realismus Ihrer Mockups zu erhöhen. Anhand von Beispielen erfahren Sie, wie Sie mit Hilfe von Ebeneneffekten eine lebendigere und optisch ansprechendere Schnittstelle schaffen können, und führen ein kleines Projekt durch, um die Anwendung dieser Effekte konsequent zu üben.

Das ist alles enthalten

4 Videos1 Aufgabe1 Diskussionsthema

Beherrschen Sie die Bausteine skalierbarer Designsysteme. Dieses Modul konzentriert sich auf die Erstellung wiederverwendbarer Komponenten, das Verständnis der Beziehung zwischen Haupt- und Instanz-Komponenten und die Organisation Ihres Designsystems unter Verwendung konsistenter Namenskonventionen. Außerdem lernen Sie Best Practices für die projektübergreifende Pflege von Komponentenbibliotheken und die Einrichtung eines sauberen, versionssicheren Workflows kennen.

Das ist alles enthalten

7 Videos1 Aufgabe1 Diskussionsthema

Vertiefen Sie Ihre Kenntnisse über Designsysteme, indem Sie Komponentenvarianten erstellen, die interaktive Zustände und Formularelemente unterstützen. Sie lernen sowohl ein- als auch mehrdimensionale Varianten kennen und wenden diese in realen Schnittstellen-Komponenten wie Schaltflächen und Formularen an. Am Ende dieses Moduls werden Sie in der Lage sein, flexible, skalierbare Elemente zu entwerfen, die in der Praxis eingesetzt werden können.

Das ist alles enthalten

6 Videos1 Aufgabe1 Diskussionsthema

Erwecken Sie Ihre Entwürfe mit interaktiven Prototypen zum Leben. In diesem letzten Modul lernen Sie, wie Sie realistische Benutzererfahrungen mit den Prototyping-Tools von Figma erstellen können. Sie arbeiten mit Flows, Overlays, Modals, Tooltips und Einblendmenüs und kombinieren alles, was Sie gelernt haben, um einen ausgefeilten, navigierbaren Prototyp zu erstellen, der für Benutzertests oder Präsentationen geeignet ist.

Das ist alles enthalten

6 Videos1 Aufgabe1 peer review1 Diskussionsthema

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Skillshare
Skillshare
171 Kurse49.812 Lernende

von

Skillshare

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.“
Coursera Plus

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Häufig gestellte Fragen