Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma Campus: Vollständige Ausbildung zum UX/UI Designer
Bestseller
Rating: 4.4 out of 5(101 ratings)
928 students
Last updated 2/2025
German

What you'll learn

  • Effektive Nutzung der Figma-Oberfläche und ihrer Tools.
  • Einsatz von Auto-Layout und Constraints für responsives Design.
  • Einsatz von Effekten wie Schatten und Unschärfen.
  • Grundlagen von Typografie, Formen, Farben und Layouts.
  • Erstellung interaktiver Prototypen mit Animationen.
  • Aufbau und Verwaltung von Design-Libraries.
  • Erstellung und Nutzung von Komponenten und Varianten.
  • Zusammenarbeit im Team und Nutzung von Kommentarfunktionen.
  • Gestaltung eines kompletten Projekts von der Idee bis zum Launch.
  • Tipps für den Einstieg in die Praxis als UI/UX-Designer.

Course content

14 sections97 lectures9h 24m total length
  • Willkommen zum Kurs2:15

    Hier wirst du herzlich willkommen geheißen und erhältst eine Vorstellung vom Kursleiter sowie eine Einführung in die Ziele und den Aufbau des Kurses.

  • Wichtige Information bevor du startest.0:59
  • Was ist Figma?2:12

    Diese Lektion gibt dir einen Überblick darüber, was Figma ist, seine Funktionen und warum es ein bevorzugtes Tool für Designer ist.

  • Figma einrichten4:09

    Lerne, wie du ein Figma-Konto erstellst und wie du effektiv auf deine Drafts, Projekte und Teamdateien im Dashboard zugreifst und diese verwaltest.

Requirements

  • Du brauchst keine Vorkenntnisse! Alles was du wissen musst, lernst du im Kurs!

Description

Du möchtest deine Kreativität freien Lauf lassen und ins Thema Webdesign mit Figma eintauchen?

Dann ist dieser Kurs genau das Richtige für Dich!


In diesem Kurs wird Dir beigebracht wie Du Webseiten, Apps und User Interfaces mit Figma designen kannst.



Hast du dich schonmal gefragt wie es wäre...

  • dein eigener Boss zu sein?

  • aufzustehen wann du möchtest?

  • von Zuhause aus zu arbeiten?

  • und damit richtig gutes Geld zu verdienen?

All das ist möglich im Leben eines Webdesigners. Und mit diesem Kurs bekommst du die vollständige Ausbildung dazu.


  • Abschnitt 1: Einführung in den Kurs


Dieser Abschnitt bietet dir einen warmen Einstieg in die Welt von Figma. Du lernst, was Figma so besonders macht und wie du das Tool einrichtest, um sofort loszulegen. Diese Einführung gibt dir einen klaren Überblick über die Kursstruktur und bereitet dich optimal auf deinen Weg zum Figma-Profi vor.


  • Abschnitt 2: Grundlagen der Figma-Oberfläche


In diesem Abschnitt erkundest du die Benutzeroberfläche von Figma bis ins Detail. Du wirst lernen, wie du Menüs und Werkzeugleisten effizient nutzt, Seiten verwaltest und die Figma-Community als Ressource einbindest. Mit praktischen Tipps und einem Quiz festigst du dein Wissen über die grundlegenden Werkzeuge, die du immer wieder verwenden wirst.


  • Abschnitt 3: Grundlagen von Typografie, Formen, Frames und Icons


Hier lernst du die essenziellen Bausteine des Designs kennen. Von Typografie über Farben und Formen bis hin zu Layout-Grids und Plugins – dieser Abschnitt vermittelt dir die Grundlagen, um professionelle und visuell ansprechende Designs zu erstellen. Ein Praxisprojekt zur Erstellung eines YouTube-Thumbnails macht das Gelernte direkt anwendbar.


  • Abschnitt 4: Einführung in die Effekte


Bringe deine Designs auf das nächste Level! Du lernst, wie du Schatten, Unschärfen und andere Effekte geschickt einsetzt, um deinen Entwürfen Tiefe und Eleganz zu verleihen. Dieser Abschnitt ist perfekt, um deinem Stil den letzten Schliff zu geben.


  • Abschnitt 5: Besondere Tools, Tipps & Tricks


Dieser Abschnitt ist vollgepackt mit Insider-Wissen. Du erfährst, wie du mit Align-, Masking- und Boolean-Tools präzise arbeitest und wie du Historien und Speicheroptionen clever nutzt. Hier lernst du Tricks, die dich schneller und effizienter arbeiten lassen.


  • Abschnitt 6: Styles


Entdecke die Macht von Styles! Du lernst, wie du Farben, Texte und Effekte standardisierst, um konsistente Designs zu schaffen. Mit dieser Fähigkeit baust du nicht nur schöne Designs, sondern auch effiziente Workflows auf.


  • Abschnitt 7: Responsive Design mit Auto-Layout und Constraints


In diesem Abschnitt tauchst du in die Welt des responsiven Designs ein. Du lernst, wie du mit Auto-Layout und Constraints flexible Designs für unterschiedliche Geräte erstellst. Ein Praxisprojekt zeigt dir, wie du einen beeindruckenden Smartphone-Login-Screen entwirfst.


  • Abschnitt 8: Libraries


Hier erfährst du, wie du Design-Libraries erstellst und verwaltest, um deine Arbeit und die deines Teams zu organisieren. Du lernst, wie du Libraries teilst und veröffentlichst, sodass dein Workflow nahtlos und effizient bleibt.


  • Abschnitt 9: Komponenten und Instanzen


Dieser Abschnitt macht dich zum Meister der Wiederverwendbarkeit. Du lernst, wie du Komponenten erstellst und anpasst, Varianten erstellst und verschachtelte Designs meisterst. Ein Praxisprojekt zur Erstellung einer flexiblen Button-Variante sorgt für den direkten Lerneffekt.


  • Abschnitt 10: Variablen


Mit Variablen bringst du noch mehr Dynamik in deine Designs. Lerne, wie du Farben, Booleans und Strings als Variablen definierst und so deine Projekte noch effizienter gestaltest. Diese Techniken sind essenziell für professionelle Design-Prozesse.


  • Abschnitt 11: Animationen und Interaktionen


Lass deine Designs lebendig werden! Du lernst die Grundlagen des Prototypings sowie fortgeschrittene Animationen und Interaktionen. Von Hover-Effekten bis zu Mikrointeraktionen – dieser Abschnitt zeigt dir, wie du Nutzererlebnisse optimierst.


  • Abschnitt 12: Zusammenarbeit, Team-Funktionen und FigJam


Figma ist perfekt für Teamwork. Hier lernst du, wie du mit Kommentaren, Team-Funktionen und FigJam effektiv zusammenarbeitest. Du entdeckst, wie du Ideen visualisierst und Feedback einholst – ideal für kreative und produktive Teams.


  • Abschnitt 13: Großes Kursprojekt – Erstellung einer Landingpage


Zum Abschluss setzt du all dein Wissen in die Praxis um. Von der Erstellung eines Moodboards über Wireframes bis hin zum finalen Design einer responsiven Landingpage – dieser Abschnitt führt dich Schritt für Schritt durch ein komplettes Projekt. Animationen, Interaktionen und die Präsentation runden dieses Highlight ab.


  • Abschnitt 14: Kursabschluss und Fazit


Im letzten Abschnitt deines Lernabenteuers reflektierst du über das Erlernte und erhältst wertvolle Tipps für deine weitere Praxis als UI/UX-Designer. Du erfährst, wie du dein Wissen vertiefst, Projekte selbstständig umsetzt und deinen eigenen Stil entwickelst. Der Kurs endet mit einer Einladung, Feedback zu geben, damit du anderen Teilnehmern hilfst und zukünftige Inhalte mitgestaltest. Mit den Abschlussworten und einem herzlichen Dankeschön wirst du motiviert, dein neues Wissen in der Design-Welt einzusetzen.


Du bekommst sofortigen Zugriff auf:

  • Über 9 Std. Figma Meisterkurs

  • Zugang zur Community. Austausch mit allen Kursmitgliedern

  • Support von Webdesigner Jonah

  • Lebenslanger Zugriff auf den Kurs und alle zukünftigen Updates


Udemy Zufriedenheitsgarantie

Udemy hat eine 30 Tage 100% Geld zurück Garantie. Wenn Du also doch nicht zufrieden mit dem Kauf bist, bekommst du das gesamte Geld sofort zurück!


Schreibe dich jetzt in den Kurs ein und werde innerhalb kürzester Zeit zum Webdesign-Experten!


Wir freuen uns schon Dich in der ersten Lektion in diesem Meisterkurs begrüßen zu dürfen!

Jonah, Valentin & Marius

Who this course is for:

  • Anfänger im UI/UX-Design: Perfekt für alle, die ohne Vorkenntnisse starten und professionelle Design-Fähigkeiten aufbauen möchten.
  • Erfahrene Designer: Ideal, um deine Kenntnisse zu vertiefen und effizientere Workflows mit Figma zu erlernen.
  • Berufstätige & Teams: Für alle, die Projekte schneller umsetzen, besser im Team arbeiten und moderne Design-Tools nutzen möchten.