Figma Basics
Vom ersten Frame bis zum klickbaren Prototyp: UI-/UX-Design sicher in Figma umsetzen
Die wichtigsten Themen
Figma-Grundlagen sicher anwenden
Layouts mit Auto-Layout erstellen
Komponenten und Styles nutzen
Klickbare Prototypen aufbauen
Team-Feedback in Figma steuern
Export und Developer-Mode einsetzen
Überblick Figma Basics führt dich Schritt für Schritt in die Arbeit mit Figma Design ein: von der Orientierung in Accounts, Projekten und Dateien über den Aufbau sauberer Layouts bis zum klickbaren Prototyp. Du lernst,...
Figma Basics führt dich Schritt für Schritt in die Arbeit mit Figma Design ein: von der Orientierung in Accounts, Projekten und Dateien über den Aufbau sauberer Layouts bis zum klickbaren Prototyp. Du lernst, Benutzeroberflächen strukturiert anzulegen, mit Frames, Ebenen, Text, Farben, Styles, Komponenten und Auto-Layout zu arbeiten und Entwürfe so vorzubereiten, dass Feedback, Freigabe und Weitergabe an Entwicklungsteams reibungslos funktionieren.
Der Grundlagenkurs eignet sich besonders, wenn du UI-/UX-Design, Wireframing oder digitale Produktgestaltung in Marketing, Projektmanagement, Kommunikation oder Web-Projekten einsetzen möchtest. Neben der Oberfläche und den wichtigsten Werkzeugen werden auch Zusammenarbeit, Versionierung, Berechtigungen, Developer-Mode, Export und hilfreiche Plug-ins behandelt. So entsteht ein belastbarer Workflow vom ersten Entwurf bis zur Präsentation. Wenn du nach dem Einstieg tiefer in Design-Systeme, Komponentenlogik und komplexere Workflows einsteigen möchtest, passt anschließend Figma Advanced als Vertiefung.
Die Themen Grundlagen von UX-/UI-Design · Design-Trends und typische Workflows · Accounts, Drafts, Projects und Files · Desktop-Version und Web-Version · Benutzeroberfläche und Arbeitsbereiche · FigJam im Überblick...
Einstieg in Figma und UI-/UX-Grundlagen
- Grundlagen von UX-/UI-Design
- Design-Trends und typische Workflows
- Accounts, Drafts, Projects und Files
- Desktop-Version und Web-Version
- Benutzeroberfläche und Arbeitsbereiche
- FigJam im Überblick
- Figma Buzz, Sites und Maker
- Figma-Community gezielt nutzen
Zeichnen, Strukturieren und Gestalten
- Tools, Layers und Properties-Panel
- Grundformen und Vektoren erstellen
- Formen mit Boolean Groups kombinieren
- Pages sinnvoll strukturieren
- Textgestaltung in Figma
- Farben und Verläufe anwenden
- Effekte und visuelle Stile
- Assets erstellen und teilen
Layout, Komponenten und Styles
- Buttons und Components aufbauen
- Hilfslinien und Layout-Raster
- Frames gezielt einsetzen
- Auto-Layout für flexible Designs
- Text-Styles und Color-Styles
- Effect-Styles und Layout-Guide-Styles
- Konsistente Gestaltung mit Styles
Wireframes, Interaktionen und Prototyping
- Wireframing in Figma
- Interaktionen zwischen Frames
- Frames miteinander verlinken
- Übergänge und Animationen
- Klickbare Prototypen erstellen
- Preview-Mode und Present-Mode
Zusammenarbeit, Freigabe und Übergabe
- Kommentieren und Feedback geben
- Echtzeit-Zusammenarbeit im Team
- Sharing und Berechtigungen verwalten
- Version History und Rollbacks
- Developer-Mode für Übergaben
- Designs und Elemente exportieren
- Unterstützte Exportformate
- Figma Mirror im Workflow
Workflow, Plug-ins und Best Practices
- Empfehlungen für den Daily Workflow
- Hilfreiche Figma-Shortcuts
- Must-have Plug-ins auswählen
- Tipps für effizientes Arbeiten
- Wiederverwendbare Assets organisieren
Zielgruppe
- Einsteigerinnen und Einsteiger im UX-/UI-Design, die digitale Oberflächen, Wireframes oder Prototypen mit Figma erstellen möchten
- Projektmanagerinnen und Projektmanager, Product Owner und Teamleads, die Design-Abstimmungen, Feedback-Schleifen und Übergaben besser begleiten wollen
- Marketing- und Kommunikationsprofis, die Kampagnen, Landingpages, Social-Media-Assets oder Präsentationsentwürfe in Figma vorbereiten
- Mitarbeiterinnen und Mitarbeiter aus Web-Projekten, Redaktion oder Produktentwicklung mit Bezug zu Webentwicklung und Webdesign
Das lernst du
- Sicherer Einstieg in Figma Design, Dateien, Projekte, Pages und Arbeitsbereiche
- Eigene UI-Layouts mit Frames, Ebenen, Text, Farben, Styles und Auto-Layout aufbauen
- Wiederverwendbare Komponenten, Buttons und Assets für konsistente Designs erstellen
- Klickbare Prototypen mit Verlinkungen, Übergängen und grundlegenden Interaktionen gestalten
- Feedback, Freigaben, Versionen, Exporte und Developer-Mode im Team-Workflow einsetzen
So arbeiten wir
- Live-Demos direkt in Figma Design mit nachvollziehbaren Arbeitsschritten
- Geführte Übungen zu Frames, Komponenten, Styles, Auto-Layout und Prototyping
- Gemeinsames Arbeiten an Beispiel-Dateien mit Feedback- und Kommentar-Funktionen
- Kurze Workflow-Checks zu Export, Berechtigungen, Version History und Developer-Mode
- Tipps aus dem Daily Workflow für Shortcuts, Plug-ins und saubere Dateistrukturen
Empfohlene Vorkenntnisse
- Allgemeine Computerkenntnisse und sicherer Umgang mit Browser oder Desktop-Anwendungen
- Keine Vorkenntnisse in Figma erforderlich
- Keine Designerfahrung notwendig
- Interesse an UI-/UX-Design, Prototyping oder digitaler Zusammenarbeit
Dein Fahrplan
Der erste Tag schafft die Grundlage für sicheres Arbeiten in Figma. Behandelt werden Accounts, Drafts, Projects, Files, Unterschiede zwischen Desktop- und Web-Version, die Benutzeroberfläche sowie Grundprinzipien von UX-/UI-Design.
- Orientierung in Figma Design
- Arbeitsbereiche, Dateien und Pages
- Tools, Layers und Properties-Panel
- Grundformen, Vektoren und Boolean Groups
- Text, Farben, Verläufe und Effekte
- Einordnung von FigJam und Community
Organisatorisches
Lernformate
Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.
Schulungsarten
Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.
Uhrzeiten
09:00-16:00 Uhr
Aktuelle Software
In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.
Deine Vorteile
Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Inklusivleistungen
Deine Teilnahme beinhaltet: Schulungsmaterial, Zertifikat, Verpflegung (bei Präsenzveranstaltungen) und persönliche Betreuung durch unsere Trainer und unser Orga-Team. Alles aus einer Hand - keine versteckten Kosten.
Lernen von Experten
Unsere Trainer sind zertifizierte und erfahrene Profis mit jahrelanger Berufserfahrung. Sie vermitteln dir in den Kursen nicht nur theoretisches Wissen, sondern teilen ihre Erfahrungen aus realen Projekten und helfen dir, das Gelernte direkt in deiner täglichen Arbeit anzuwenden. Das ist kein Werbeversprechen, sondern unser Anspruch. Am besten siehst du das in unseren Bewertungen, z.B. auch bei Google.
Keine Vorkasse
Du zahlst erst nach dem Seminar. Keine Vorkasse, keine Vorauszahlung - so kannst du sicher sein, dass du nur für das bezahlst, was du auch wirklich erhalten hast. Die Rechnung erhältst du erst nach Kursbeginn.
Max. 8 Teilnehmende
Wir setzen auf kleine Gruppen, damit du die Aufmerksamkeit bekommst, die du verdienst. So haben wir mehr Zeit für deine individuellen Fragen und können gezielt auf deine Bedürfnisse eingehen.
Termine & Buchung
Vor Ort
Online
Nicht der passende Termin dabei?
Wir finden eine Lösung: anderer Termin, mehrere Teilnehmer, Inhouse-Schulung oder individuelle Beratung.
Lieber gleich das ganze Team schulen?
Diese Schulung gibt es auch exklusiv für dein Unternehmen, bei euch vor Ort, an unseren Standorten oder Live-Online. Inhalte und Termine nach Maß.
Inhouse-Schulung
Wir kommen zu euch: diese Schulung maßgeschneidert in euren Räumen, für Unternehmen und Behörden.
- Inhalte exakt auf euch zugeschnitten
- Termine nach euren Bedürfnissen
- Günstiger ab mehreren Teilnehmern
- Vertraute Umgebung, kein Reiseaufwand
Firmen-Seminar
Exklusiv für dein Team an einem unserer Standorte oder Live-Online, individuell angepasst.
- Geschlossene Gruppe aus eurem Haus
- Individuelle Terminplanung
- An unseren Standorten oder Live-Online
- Angepasste Inhalte
Fragen und Antworten zu Figma Basics
Ist Figma Basics für absolute Einsteiger geeignet?
Ja. Das Training startet bei Accounts, Dateien, Projekten, Oberfläche und Grundwerkzeugen. Designerfahrung ist nicht erforderlich. Schrittweise entstehen erste Layouts, Komponenten und Prototypen, sodass du Figma nach dem Seminar eigenständig für eigene Entwürfe einsetzen kannst.
Wird im Browser oder in der Desktop-App gearbeitet?
Im Seminar werden beide Varianten betrachtet. Du lernst die wichtigsten Unterschiede zwischen Web-Version und Desktop-Version kennen und entscheidest danach, welche Arbeitsweise am besten zu deinem Workflow, deinem Team und deinen Projekten passt.
Was lerne ich im Figma-Grundlagenkurs konkret?
Du arbeitest mit Frames, Layers, Formen, Vektoren, Text, Farben, Styles, Komponenten, Auto-Layout, Prototyping, Kommentaren, Berechtigungen, Version History, Export und Developer-Mode. Zusätzlich erhältst du Empfehlungen zu Shortcuts, Plug-ins und einer sinnvollen Dateistruktur.
Kann ich nach dem Seminar eigene Figma-Projekte starten?
Ja. Nach dem Training hast du einen belastbaren Einstieg in den Figma-Workflow: Designs anlegen, Oberflächen strukturieren, einfache Komponenten verwenden, klickbare Prototypen erstellen, Feedback einholen und Entwürfe für Team oder Entwicklung exportieren.
Ist der Kurs auch für Marketing und Projektmanagement sinnvoll?
Ja. Figma eignet sich nicht nur für Designerinnen und Designer. Marketing, Kommunikation, Projektmanagement und Product Teams nutzen Figma, um Ideen visuell abzustimmen, Wireframes zu erstellen, Feedback zu bündeln und Entwürfe für Webseiten, Apps oder Kampagnen verständlich zu präsentieren.
Wie geht es nach Figma Basics weiter?
Für die Vertiefung bietet sich Figma Advanced an. Wenn kollaborative Design-Prozesse und Barrierefreiheit stärker im Vordergrund stehen, ist Figma: UX & UI-Design im Team ohne Barrieren eine passende Ergänzung.
Wird auch Figma Buzz behandelt?
Figma Buzz wird im Grundlagenkurs kurz eingeordnet, damit du die Einsatzmöglichkeiten im Figma-Ökosystem besser verstehst. Für eine gezielte Vertiefung steht das separate Training Figma Buzz zur Verfügung.
Weitere häufig gestellte Fragen und Antworten findest du in den FAQs .
Unser Qualitätsversprechen: Wissen, das in der Praxis funktioniert
Aus der Praxis für die Praxis
Schluss mit theoretischem Ballast. Wir trainieren dich für reale IT-Herausforderungen, nicht für Multiple-Choice-Tests. Unsere Trainer vermitteln dir genau das Wissen, das am nächsten Montagmorgen im Job wirklich funktioniert.
Individuell statt "Schema F"
Deine Fragen passen nicht ins Standard-Skript? Bei uns schon. Wir verzichten auf starre Lehrpläne und geben deinen konkreten Projekt-Fragen Raum. Unsere Trainer passen die Inhalte flexibel an das an, was dich und dein Team aktuell weiterbringt.
Maximale Freiheit: Remote oder vor Ort
Lerne so, wie es in deinen Alltag passt - ohne Reise-Stress und Zeitverlust. Egal ob remote, hybrid oder präsent vor Ort: Wir garantieren dir ein nahtloses und effektives Lernerlebnis, egal von wo du dich zuschaltest.
Mit Zufriedenheitsgarantie
Wir sind von unserer Qualität überzeugt - und wollen, dass du es auch bist. Sollte ein Training einmal nicht deinen Erwartungen entsprechen, bieten wir dir an, den Kurs kostenlos zu wiederholen oder ein anderes Training zu besuchen. Ohne Risiko, ohne Diskussion.
Über 20.000 Unternehmen und Behörden vertrauen auf uns
