
Figma ist das führende UX/UI Tool am Markt. Vor allem wegen seinen starken Kollaborationsfunktionen.
Während des Kurses arbeiten wir zusammen ein einem durchgehenden Projekt. Dabei handelt es sich um die Erstellung einer Portfolio-Webseite.
UX und UI sind nicht das Gleiche, sie werden aber häufig zusammen verwendet. Daher gibt es hier noch eine kurze Erklärung, wofür die Abkürzungen stehen und was sie bedeuten.
Man kann kostenlos einen Figma Account erstellen. Dies solltest du nutzen, um bei diesem Kurs mitzuarbeiten, falls du noch keinen Account besitzt.
Erstelle dir einen Figma Account, falls du noch keinen hast. Für diesen Kurs reicht ein kostenloser Account
Weitere Informationen zu den verschiedenen Lizenzmodellen findest du in der Materialien.
Die Desktop App bietet einen schnellen Zugriff zu Figma, jedoch musst du dafür trotzdem online sein, um alle Funktionen nutzen zu können.
Kurze Einführung in diesen Abschnitt
FigmaJam Dateien sind digitale Whiteboard mit denen man Workshops machen kann. Figma Dateien sind klassische Prototypen.
Für FigmaJam gibt es einige Templates die man nutzen. Außerdem gibt es auch einige Vorlagen die einem beim Erlernen von Figma helfen. Es lohnt sich in beides mal reinzuschauen.
Ein Team hilft die bei der Verwaltung von Rechten für deine Projekte und Dateien. Lizensierungen werden pro Team vergeben. Es können zu einem Team mehrere Projekte erstellt werden. In einem Projekt liegen dann die Dateien drin.
Kurze Einführung in diesen Abschnitt
Der Arbeitsbereich ist der Bereich in dem der Prototyp erstellt wird. Lerne hier die Tastarturkürzel kennen um dich effektiv im Arbeitsbereich zu bewegen.
In der Ebenenansicht können Elemente ausgewählt und die Reihenfolge verschoben werden.
Über das Assets-Tab kannst du im Prototyp verwendete Elemente wie lokale Komponenten finden.
Die Bearbeitungsleiste ist kontextsensitiv und passt sich je nach ausgewähltem Element an.
Mit den Werkzeugen baust du deinen Prototyp. In dieser Lektion schauen wir uns alle Symbole in der oberen Leiste an.
Eine kurze Einleitung was Frames in Figma sind.
In dieser Lektion lernst du wie du Frames erstellst und ein Layout zu einem Frame hinzufügst.
Wenn man mit Figma arbeitet, sollte man wissen was ein Wireframe ist. Es ist in der Regel zu empfehlen ein Projekt mit Wireframes zu starten.
Kurze Einführung in diesen Abschnitt
Mit dem Rechteck, Linien, Ellipsen und Stern Werkzeug können verschiedene Formen erstellt werden.
Freie Formen können mit den Zeichenwerkzeugen Pen oder Pencil erstellt werden.
Da alle Formen Vektorgrafiken sind können diese jeder Zeit bearbeitet werden
Kurze Einführung in diesen Abschnitt
Textfelder haben sehr viele verschiedene Optionen. In diesem Kapitel lernst du die wichtigsten kennen.
Kurze Einführung in diesen Abschnitt
Komponenten sind wiederverwendbare Elemente, die man an einer Stelle anpassen kann und die Änderung wirkt sich auf alle Instanzen aus. In dieser Lektion lernst du wie du Komponenten erstellen und bearbeiten kannst.
An Komponenten kann direkt eine Beschreibung angefügt werden, die erklärt, wofür die Komponente eingesetzt werden soll. Diese eignet sich sehr gut, wenn man ein Design System erstellen möchte.
Komponenten Varianten bieten die Möglichkeit alternative Zustände der Komponente direkt in dieser zu definieren. Diese Varianten eignen sich damit bspw. perfekt für Button Zustände, Checkboxen usw.
Komponenten Eigenschaften erleichtern die Änderung von Instanzen und geben klare Regeln wie die Instanz angepasst werden kann. Dies erleichtert den Einsatz von Komponenten vor allem in Kombination mit Bibliotheken und in der Zusammenarbeit mit anderen.
Kurze Einführung in diesen Abschnitt
Constraints helfen dabei Elemente an der richtigen Stelle zu halten, wenn sich die Bildschirmgröße verändert.
Auto Layouts helfen bei der automatischen Ausrichtung von Elementen und damit beim responsive Design.
Möchtest du UX Designer werden oder bist bereits ein UX Designer? Dann solltest du Figma kennen.
Figma ist eine kollaborative Design-Plattform, die es UX Designern ermöglicht, interaktive Prototypen und intuitive Benutzeroberflächen schnell und einfach zu erstellen. In der heutigen digitalen Welt ist ein gutes UX Design unerlässlich, um eine positive Benutzererfahrung zu schaffen und ein erfolgreiches Produkt zu entwickeln.
In diesem Kurs werden dir von mir die notwendigen Kenntnisse vermitteln, um Figma effektiv zu nutzen und großartige UX Designs und interaktive Prototypen zu erstellen. Ich werde dir zeigen, wie du eine neue Datei in Figma erstellst, wie du Benutzeroberflächen und Prototypen entwirfst und wie du interaktive Prototypen erstellst und testen kannst. Du wirst auch lernen, wie man Farben, Typografie und Symbole in deinem Design verwendet und wie man mit anderen Designern zusammenarbeitet und Designvorlagen teilt.
Dieser Kurs ist für alle geeignet, die sich für UX Design interessieren und ihr Wissen und ihre Fähigkeiten erweitern möchten, egal ob du bereits Erfahrung in der Branche hast oder gerade erst anfängst. Ich werde dich durch den gesamten Kurs begleiten und dir wertvolle Einblicke in die Welt des UX Designs geben.
Nutze die Chance deine Fähigkeiten im UX Design zu verbessern und deine Karriere auf die nächste Stufe zu bringen. Melde dich jetzt für diesen Kurs an und werde ein Experte in Figma!