Figma
Online-Kurse im Fachbereich Design & Gestaltung
Im Browser, kollaborativ, mit großzügiger Gratis-Stufe: Figma hat sich als Standard für UI-Design und Prototyping durchgesetzt. Der Kursweg reicht von den ersten Frames über Auto-Layout und Design-Systeme bis zum Developer-Handoff im Dev Mode.
- Figma: UI/UX Design & Prototyping für EinsteigerWillkommen zu deinem praxisorientierten Figma-Kurs! In diesem Kurs lernst du alles, um eigene Benutzeroberflächen für Web- und App-Projekte zu gestalten – von den Grundlagen bis zu interaktiven Prototypen. Du wirst Schritt für Schritt durch die wichtigsten Funktionen von Figma geführt: Interface, Frames, Komponenten, Styles, Prototyping und Design-Systeme. Am Ende des Kurses kannst du eigenständig Designs erstellen, sie mit interaktiven Prototypen testen und deine Ideen professionell präsentieren. Jede Lektion ist praxisnah aufgebaut und enthält konkrete Übungen, damit du das Gelernte direkt anwenden kannst. Dieser Kurs ist perfekt für Anfänger und Einsteiger, die keine Vorkenntnisse in UI/UX Design benötigen. Auch Startup-Gründer und Designer, die ihre Ideen schnell visualisieren wollen, profitieren von diesem Kurs. Alles, was du brauchst, ist ein Computer mit Internetzugang und Figma installiert. Du wirst lernen: Figma von Grund auf bedienen und eigene Designs erstellenBenutzeroberflächen für Web & Apps professionell gestaltenInteraktive Prototypen und Design-Systeme umsetzenEigene Projekte von der Idee bis zum fertigen Prototypen planenNach Abschluss dieses Kurses bist du bereit, eigene Web- und App-Designs umzusetzen, deine Ideen zu präsentieren und professionell zu arbeiten.
- Figma Masterclass: UI / UX Design & PrototypingDu bist Designer, Freelancer, Online Marketer oder willst du dich endlich in einem kreativen Bereich selbstständig machen und Geld verdienen? Dann führt kein Weg an der Figma Masterclass: UI / UX Design & Prototyping vorbei! Lerne, effizient und kostengünstig Webseiten, Apps und User Interfaces zu erstellen – und meistere Prototyping mit Figma! Hast du dich schon einmal gefragt, wie es wäre …Webseiten Projekte effizient und kostengünstig erstellen zu können?dich endlich in einer Branche selbständig machen und Dienstleistungen hochpreisig anbieten zu können?deine Dienstleistungspalette erweitern und gutes Geld verdienen?von überall auf der Welt arbeiten zu können?dann zu arbeiten, wann du willst, egal ob du Frühaufsteher oder Nachteule bist?mit deiner Kreativität Geld zu verdienen? All das ist möglich, wenn du Figma verwendest! Und mit diesem Kurs bekommst du die vollständige Anleitung von A bis Z! Abschnitt 1: Einführung in den KursIn diesem Abschnitt bekommst du einen ersten Überblick über den Kurs, seine Struktur und die Lernziele. Du lernst, was Figma ist, warum es ein unverzichtbares Tool für UI/UX-Design ist und wie sich User Interface Design (UI) von User Experience Design (UX) unterscheidet. Außerdem erfährst du mehr über verschiedene Arten von Webseiten und ihre Ziele. Abschnitt 2: Figma AccountBevor du mit dem Designen loslegen kannst, benötigst du einen Figma-Account. Hier lernst du, wie du dich registrierst, welche Lizenzmodelle es gibt und ob du die Software installieren oder im Browser nutzen solltest. Abschnitt 3: Einführung in Figma (Figma Basics)Jetzt geht es los mit Figma!
- Figma Campus: Vollständige Ausbildung zum UX/UI DesignerDu 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 KursDieser 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ächeIn 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 IconsHier 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.
- Figma – Design / Development-WorkflowIn diesem Figma-Training lernen Developer, Designer und Team-Leads, wie Figma und der Dev Mode optimal genutzt werden, und wie beide Seiten dazu beitragen, dass der Workflow reibungslos funktioniert. Figma ist das zentrale Design-Tool für digitale Produkte wie Websites, Web-Anwendungen, Apps und Shops jeglicher Größenordnung. Das Tool richtet sich zwar in erster Linie an Design-Teams, doch mit mächtigen Funktionen für Kollaboration, dem Dev Mode, der MCP-Schnittstelle für KI-Tools und Features wie Branches schlägt es die Brücke zwischen Design, Development und Projektmanagement. Figma hat die Entwickler-Zielgruppe klar erkannt und baut den Dev Mode daher immer weiter aus. Schade nur, dass viele Teams die Entwickler-Funktionen von Figma nur sehr oberflächlich kennen. Und das obwohl sie selbst oder ihre Unternehmen für die Lizenzen viel Geld bezahlen. Das möchte ich mit diesem Training ändern. Ich zeige Stück für Stück wie Figma beim HandOff im Dev Mode genutzt werden sollte, welche Features es gibt und wie die Code-Qualität positiv beeinflusst werden kann. Dabei behandle ich auch fortgeschrittene Themen wie die Einrichtung von MCP, die Verknüpfung von Figma-Komponenten mit echtem Code und Branches als Versionierungskonzept für Design-Dateien. Auch für Designer ist das Training relevant, denn auch sie sollten wissen, welche Informationen im Dev Mode angezeigt werden. Neben einer systematisch aufgebauten Design-Datei spielt das Wissen über die Funktionsweise von digitalen Produkten eine große Rolle. Neben den reinen Figma-Features erkläre ich daher auch einige grundsätzliche Dinge, die hilfreich sind um Webprojekte so zu gestalten, dass sie auch gut technisch umgesetzt werden können. Gerade die Dokumentation von Komponenten, Variablen und Flows gewinnt durch KI-gestützte Workflows enorm an Bedeutung. Je besser der Kontext in der Design-Datei, desto besser die automatisch generierten Ergebnisse.
- Figma Meisterkurs UI/UX Design für AnfängerMöchtest du Figma wie ein Profi beherrschen und deine Fähigkeiten im UX/UI-Design entfalten? Dann ist dieser Figma UI/UX Design Meisterkurs genau der richtige Einstieg für dich! Dieser Kurs ist für alle geeignet - ob Einsteiger oder Fortgeschrittene. Hier lernst du alles, was du wissen musst, um Designs zu erstellen, die sowohl visuell beeindrucken als auch perfekt funktionieren. Was dich in diesem Kurs erwartet: 1. Einstieg und Einrichtung: Ich führe dich Schritt für Schritt durch die Einrichtung deines Figma-Kontos und zeige dir, wie du die Software kostenlos nutzen kannst. 2. Benutzeroberfläche meistern: Verstehe die Benutzeroberfläche von Figma und finde dich schnell zurecht. Eine klare Einführung sorgt dafür, dass du keine Zeit verlierst und direkt produktiv wirst. 3. Frames und Layouts: Lerne, Designs zu erstellen, die auf allen Bildschirmgrößen und Gerätetypen einwandfrei funktionieren. Erfahre, wie du Frames effizient nutzt, harmonische Layouts gestaltest, Hierarchien verstehst und Typografie meisterst. 4. Wireframes entwickeln: Entdecke, wie du mit Wireframes die Grundstruktur deines Designs festlegst und eine klare Vision für dein Projekt schaffst - der erste Schritt zu einem erfolgreichen UI/UX Design. 5. Design Grundlagen: Erkunde die Bausteine eines gelungenen Designs - von Formen über Vektorgrafiken bis hin zu Texten und Bildern. Setze sie gezielt ein, um ästhetisch ansprechende und ausdrucksstarke Layouts zu gestalten. 6. Effizientes Arbeiten mit Komponenten: Komponenten sind unverzichtbar für Konsistenz und Effizienz im Design. Lerne, wie du sie erstellst und einsetzt, um deinen Workflow schneller und deine Designs professioneller zu machen. 7. Interaktive Prototypen erstellen: Erwecke deine Design zum Leben!
- Figma Grundlagen für EinsteigerIn diesem Kurs werden wir alle wichtigen Funktionen von Figma gemeinsam lernen. Nach Abschluss dieses Kurses wirst Du in der Lage sein, Figma souverän einzusetzen und alle grundlegenden Funktionen beherrschen. Egal, ob es darum geht, professionell mit dem Programm zu arbeiten und eigene User Interface Designs zu entwickeln oder Wireframes und High Fidelity Prototypen zu erstellen. Modernes und ansprechendes Design muss nicht komplex sein und Figma ist super geeignet für Einsteigerinnen und Einsteiger. Durch die intuitive Bedienung, die wir hier im Kurs sehen werden, können wir unfassbar schnell und einfach anspruchsvolle Projekte verwirklichen. Wir beginnen mit den Basics und sehen uns Schritt für Schritt die Elemente an, die ein gutes Design auszeichnen. Unter anderem lernen wir die Frames kennen und wie wir auf diesen unsere Objekte mithilfe von Grids und Autolayout ausrichten können. Natürlich sehen wir uns auch an, wie man eigene Komponenten erstellen kann. Diese Komponenten sind dann als Instanz ein wiederverwendbares Element, das wir jederzeit dynamisch verändern können. Mithilfe von Plugins können wir unseren Design-Prozess um ein Vielfaches beschleunigen. Deshalb lernen wir gemeinsam beispielhafte Plugins für Wireframes, Stock-Fotos und Icons kennen. Anschließend werden wir in einigen kleinen Praxisbeispielen das Gelernte anwenden und so unser Wissen noch mehr vertiefen. Wenn das spannend für Dich klingt und Du mehr über User Interface Design und Figma lernen wolltest, dann schreib Dich jetzt ein und wir legen sofort los.
- Der ultimative Figma Kurs für UX Designer (Figma UI2)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!
- Webdesign Masterclass: Von Figma bis Webflow bis FreelancingDu möchtest professionelle Webseiten designen und dich damit selbstständig machen? Dann ist dieser Kurs genau das richtige für Dich! Mit diesem Kurs bekommst du ein 3 in 1 Paket. Du lernst Figma vollständig und professionell zu nutzen - ein einfaches Werkzeug, das die Designwelt erobert. Du wirst innerhalb einer Woche eine komplette Website gestalten, während andere noch lernen, wie man grundlegende Layouts in Photoshop erstellt. Dies ist nicht nur ein Figma-, sondern auch ein Webdesign Kurs. Du lernst hier aber nicht, wie man programmiert. Denn für Webdesign ist Coding unnötig kompliziert und dauert zu lange, um es zu lernen. Stattdessen lernst du Webflow zu nutzen - ein Tool, das die Welt des Webdesigns erobert. Du wirst innerhalb von zwei Wochen komplexe Websites erstellen, während andere noch die Grundlagen von HTML und CSS lernen. Du lernst mit deiner neu gelernten Fähigkeit richtig gutes Geld zu verdienen. Alles von Positionierung, Marketing, Angebote schreiben bis hin zum Onboarding des ersten Kunden. 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. Du bekommst sofortigen Zugriff auf: Über 26 Stunden Figma/Webflow/Freelancing MasterclassZugang zur Community.
Sortiert nach Erscheinung (neueste zuerst). Details und Anbieter-Link (Affiliate-Link, Werbung) auf der jeweiligen Kursseite.
Warum ausgerechnet Figma gewonnen hat
Interface-Design ist Teamarbeit – Figma hat als erstes Werkzeug so funktioniert: Alle arbeiten gleichzeitig in derselben Datei, Entwickler lesen Maße und Styles selbst aus, Komponenten halten das Design-System konsistent. Adobe hat die Weiterentwicklung von XD eingestellt; wer heute einsteigt, startet deshalb direkt hier. Die Methoden hinter den Screens – Research, Wireframes, Usability-Tests – bleiben werkzeugunabhängig und stehen bei den UX/UI-Kursen.
Häufige Fragen
- Ersetzt Figma Photoshop?
- Nein – die beiden lösen verschiedene Aufgaben: Figma entwirft Interfaces und Prototypen, Photoshop bearbeitet Bilder. Fürs App- und Webdesign braucht es Photoshop immer seltener, weil Bildmaterial zugeschnitten aus Stock- oder KI-Quellen kommt; für Composings und Retusche führt weiterhin kein Weg an einem Pixel-Werkzeug vorbei.