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 6 Module
Das ist es - die letzte Etappe auf dem Weg zum Figma UX-Superhelden mit Daniel Scott. In Figma Pro Pt. 4 erforschen wir den neuesten Stand der Design Workflows mit Variablen, Design Token, fortgeschrittenem Prototyping und Dev Mode. Wenn Sie schon immer mal responsive, interaktive Komponenten erstellen wollten, die sich wie von Zauberhand anpassen und perfekt an Entwickler übergeben lassen, dann ist dieser Kurs Ihre goldene Eintrittskarte. Am Ende dieses Kurses werden Sie in der Lage sein: * Variablen zu verwenden, um dynamische UIs, Hell-/Dunkelmodi und bedingte Logik zu erstellen. * Design-Token für skalierbare, wiederverwendbare Designsysteme zu erstellen und zu verwalten. * Produktionsfertige Assets vorzubereiten und mit Hilfe von Dev Mode und Dokumentations-Tools reibungslos zusammenzuarbeiten. Dieser Kurs ist ideal für fortgeschrittene Lerner, die bereits Figma Pro Teil 3 abgeschlossen haben oder über entsprechende Erfahrungen verfügen. Sie sollten mit Auto-Layouts, Komponenten und den Grundlagen des Prototyping vertraut sein. Mit mehr als 40 detaillierten Lektionen und Klassenprojekten werden Sie diesen Kurs mit portfolioreifen Arbeiten und dem Selbstvertrauen verlassen, UX/UI-Projekte vom Konzept bis zur Übergabe an die Entwickler zu leiten. Biografie des Kursleiters: Daniel Walter Scott ist ein digitaler Designer, Adobe Certified Instructor 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 entwickeln, 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.
In diesem Modul tauchen Sie in das leistungsstarke Auto-Layout-System von Figma ein und lernen die Shortcuts kennen, mit denen Sie intelligenter arbeiten können. Sie üben die Verwendung von Umarmungen und Füllungen, legen absolute Abstände fest, kleben Elemente an responsive Positionen und erhalten die volle Kontrolle darüber, wie sich Ihre Designs anpassen und ausrichten.
Das ist alles enthalten
6 Videos2 Lektüren1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
6 Videos•Insgesamt 20 Minuten
Welche Tastenkombinationen gibt es für das Umarmen und Ausfüllen in Figma?•4 Minuten
Wie man absolute Abstände so einstellen, dass Dinge ignorieren Autolayout in Figma•3 Minuten
Wie man etwas, das in Figma reaktionsfähig ist, absolut positioniert•2 Minuten
Wie man in Figma Dinge unten rechts in einem Auto-Layout anbringt•4 Minuten
Wie man die Größe einer Box in einem Auto-Layout automatisch an den Text in Figma anpasst•5 Minuten
Wie lauten die Abkürzungen für die automatische Auffüllung und Größenänderung des Layouts?•2 Minuten
2 Lektüren•Insgesamt 40 Minuten
Einführungslektüre für Figma Pro Teil 4•10 Minuten
Projekt-Anweisungen•30 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 1 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Präzision bei Schaltflächen, Wrapping und Layout
Modul 2•1 Stunde abzuschließen
Moduldetails
Erweitern Sie Ihre Auto-Layout-Kenntnisse, indem Sie vielseitige, skalierbare Elemente wie Schaltflächen und umhüllte Container erstellen. Dieses Modul entmystifiziert auch den Unterschied zwischen dem Einschluss und dem Ausschluss von Strichen und zeigt Ihnen, wie Sie Abstände vollständig anpassen können, um ein Fine-Tuning Ihres Designsystems für die Benutzeroberfläche vorzunehmen.
Das ist alles enthalten
4 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
4 Videos•Insgesamt 11 Minuten
Wie man eine Schaltfläche mit minimaler Breite und Höhe in Figma erstellt•4 Minuten
Wie man Auto-Layout-Objekte in Figma umbricht•2 Minuten
Was bedeutet "stroke included excluded" in Figma Auto-Layout•2 Minuten
Wie man benutzerdefinierte Abstände in automatischen Layouts in Figma einstellt•4 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 2 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Komponenten, Überlagerungen und Hover-Effekte
Modul 3•2 Stunden abzuschließen
Moduldetails
Dieses Modul konzentriert sich auf das Design von Zwischenkomponenten und Interaktivität. Sie lernen Gruppierungsstrategien, Platzhalter und die Konvertierung von echten Websites in Figma Projekte kennen. Außerdem werden Sie Dropdowns, Hover-Effekte und interaktive Suchleisten erstellen, um Ihre Prototyping-Fähigkeiten zu erweitern.
Das ist alles enthalten
10 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
10 Videos•Insgesamt 79 Minuten
Wie man Komponenten in Figma in Gruppen organisiert•6 Minuten
Wie man Slot-Platzhalter-Komponenten in Figma erstellt•7 Minuten
Konvertierung einer bestehenden Website in ein Figma Design•5 Minuten
Wie man ein Dropdown mit Überlagerungen in Figma erstellt•14 Minuten
Wie man ein mehrstufiges Dropdown-Menü in Figma erstellt•14 Minuten
Wie man eine expandierende Suchleiste in Figma erstellt•10 Minuten
Klassenprojekt 19 - Erweitern der Suchleiste•1 Minute
1 Aufgabe•Insgesamt 30 Minuten
Modul 3 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Einführung in Variablen und dynamisches Prototyping
Modul 4•1 Stunde abzuschließen
Moduldetails
Treten Sie ein in die Zukunft des Designs mit Figma Variablen. Sie lernen, wie Sie mit Hilfe von Zahlen-, Booleschen und Farbvariablen reaktionsfähige Elemente erstellen, die auf Benutzereingaben reagieren. Dieses Modul wird Sie in die Lage versetzen, intelligente Prototypen mit dynamischen Verhaltensweisen und Themen zu erstellen.
Das ist alles enthalten
8 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
8 Videos•Insgesamt 34 Minuten
Was sind Variablen in Figma•3 Minuten
Wie man mit Hilfe von Variablen in Figma einen Gesamtwarenkorb erstellt•6 Minuten
Wie man in Figma Variablen Bedingungen hinzufügt•2 Minuten
Variantenwechsel mit Boolescher Variable - Wagenfarbe ändern•6 Minuten
Unsere boolesche Variable in Figma auf false setzen•2 Minuten
Erstellen eines Überlagerungs-Popups im Variablen-Aktionsfenster in Figma•3 Minuten
Helle und dunkle Modi unter Verwendung von Sammlungen und Farbvariablen in Figma•7 Minuten
Ändern der Abstände mit Nummer Variablen in Figma•5 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 4 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Design Token, Animation und Barrierefreiheit
Modul 5•2 Stunden abzuschließen
Moduldetails
Designsysteme werden durch Token und Animationen zum Leben erweckt. Dieses Modul führt Sie durch die Verwendung von Design-Tokens, um konsistente UIs zu erstellen, und nimmt dann eine kreative Wendung hin zu Animationen und Barrierefreiheit. Außerdem erhalten Sie Einblicke in bewährte Verfahren für die Zusammenarbeit im Team.
Das ist alles enthalten
8 Videos1 Aufgabe1 Diskussionsthema
Infos zu Modulinhalt anzeigen
8 Videos•Insgesamt 64 Minuten
Was sind Design Token in Figma•7 Minuten
Erstellen von Design Token in Figma•10 Minuten
Erstellen von Token für Abstände und Radien in Figma•8 Minuten
Wann würden Sie Design Token in Figma verwenden?•5 Minuten
Wie animiert man in Figma entlang eines Pfades?•12 Minuten
Wie man Lottie-Animationsdateien in Figma hinzufügt•5 Minuten
Barrierefreiheit für Ihre Entwürfe - Ein Leitfaden zum Barrierefreiheits-Plugin in Figma•11 Minuten
Welche Tipps gibt es für die Zusammenarbeit mit Kollegen in Figma?•7 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 5 Quiz•30 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
Entwicklungsmodus, Exportieren und Projektübergabe
Modul 6•2 Stunden abzuschließen
Moduldetails
Schließen Sie Ihre Figma Pro Reise mit den Werkzeugen ab, die Sie für eine professionelle Projektabwicklung benötigen. Sie werden Versionskontrolle, Exportstrategien, Komponentendokumentation und den Entwicklungsmodus kennenlernen, um sicherzustellen, dass Ihre Entwürfe sowohl ausgefeilt als auch entwicklungsfähig sind.
Das ist alles enthalten
11 Videos1 Aufgabe1 peer review1 Diskussionsthema
Infos zu Modulinhalt anzeigen
11 Videos•Insgesamt 47 Minuten
Wie man die Versionsgeschichte in Figma dupliziert und wiederherstellt•6 Minuten
Archivierung und Wiederherstellung früherer Versionen von Figma-Dateien•4 Minuten
Erstellen und Freigeben eines Flusses in Figma•4 Minuten
Wie man das Slice Tool in Figma benutzt•3 Minuten
So exportieren Sie unbeschnittene und nicht skalierte Bilder aus Figma•4 Minuten
Wie exportiere ich webp-Bilder aus Figma und Photoshop?•5 Minuten
Verkleinern der Dateigröße aller Bilder in einer Figma-Datei•3 Minuten
Wie dokumentiert man eine Komponente in einem Designsystem in Figma?•5 Minuten
Wie man den DEV-Modus in Figma verwendet•5 Minuten
Klassenprojekt 20 - Beenden Sie Ihren Entwurf•6 Minuten
Was kommt als Nächstes - Figma Advanced•2 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Modul 6 Quiz•30 Minuten
1 peer review•Insgesamt 60 Minuten
Kurs Projekt•60 Minuten
1 Diskussionsthema•Insgesamt 10 Minuten
Neue Diskussionsaufforderung•10 Minuten
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.
Skillshare ist eine Online-Lerngemeinschaft, in der Sie Kurse von echten Kreativen belegen können. Erschließen Sie sich persönliches und berufliches Wachstum, bauen Sie Ihre Fähigkeiten aus, knüpfen Sie Kontakte und finden Sie Ihren glücklichen Platz.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
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.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
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.
Ist finanzielle Hilfe verfügbar?
Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebü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.