In Teil 2 der Serie Figma UI UX Design Essentials (Grundlagen des Figma UI-UX-Designs) lernen Sie, wie Sie saubere, flexible Layouts und wiederverwendbare Komponenten erstellen können, und bringen so Ihre Designfähigkeiten auf die nächste Stufe. Unter der Leitung von Dan Scott werden Sie über die Grundlagen hinausgehen und leistungsstarke Merkmale wie Auto-Layout, Constraints und Komponentenvarianten erforschen - Werkzeuge, die für die Gestaltung einer responsiven, skalierbaren Benutzeroberfläche unerlässlich sind. Sie werden auch tiefer in das visuelle Design eintauchen und lernen, wie Sie Farbstile, Textstile, Raster und Effekte verwenden, um Ihrer Arbeit Konsistenz und Glanz zu verleihen. Im Laufe des Kurses werden Sie praktische Projekte durchführen, die reale Designherausforderungen nachahmen und Ihnen praktische Erfahrungen vermitteln, die Sie bei der Arbeit mit Kunden oder in Ihrem Portfolio nutzen können. Dieser Kurs ist ideal für Lernende, die die Schnittstelle von Figma bereits verstehen und mit der Gestaltung wie ein Profi beginnen möchten. Das Besondere an diesem Kurs ist der schrittweise Ansatz zur Entmystifizierung fortgeschrittener Werkzeuge, so dass selbst einschüchternde Konzepte wie verschachtelte Komponenten und Namenskonventionen leicht zu verstehen und zu handhaben sind. Biografie des Kursleiters: Daniel Walter Scott ist ein digitaler Designer, zertifizierter Adobe-Ausbilder und Gründer von Bring Your Own Laptop (BYOL). Mit über 14 Jahren Lehrerfahrung hat er Tausenden von Lernenden weltweit geholfen, Design- und Kreativsoftware für Print, Web, Video und jetzt auch 3D zu beherrschen. Daniel ist ein Adobe Certified Expert und Adobe Certified Instructor, der Branchenkenntnisse mit einem praxisnahen, ansprechenden und einprägsamen Unterrichtsstil kombiniert. Ursprünglich aus Neuseeland stammend, hat Daniel in Australien, Irland und darüber hinaus gelebt und unterrichtet - und seine Fähigkeiten mit einer wahrhaft globalen kreativen Gemeinschaft geteilt. Seine Leidenschaft ist es, Studenten dabei zu helfen, praktische Fähigkeiten zu erwerben, die sie in ihre Karriere und ihre kreativen Projekte einbringen können. Wenn er nicht unterrichtet, genießt Daniel das Leben mit seiner irischen Frau und seinen Kindern. Er bringt diese persönliche, bodenständige Perspektive in seine Kurse ein und sorgt dafür, dass komplexe Tools leicht zugänglich sind und das Lernen Spaß macht.

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

Figma UI UX Design Essentials Pt.2: Layout und Komponenten
Dieser Kurs ist Teil von Spezialisierung für Anfänger: Figma UI / UX-Designer Grundlagen

Dozent: Skillshare
Bei enthalten
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

Zu Ihrem LinkedIn-Profil hinzufügen
Juli 2025
5 Aufgaben
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Erweitern Sie Ihre Fachkenntnisse
- 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

von
Mehr von Design und Produkt entdecken
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
Warum entscheiden sich Menschen für Coursera für ihre Karriere?





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
Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.
Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.
Ja. Für ausgewählte Lernprogramme können Sie eine finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Anmeldungsgebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.
Weitere Fragen
Finanzielle Unterstützung verfügbar,

