3 Tage | Nächster Termin am 13. - 15.10.2025 & 12 weitere | Bundesweit oder Live-Online
4.9 / 14 Bewertungen | 55 zufriedene Teilnehmende
Hier finden Sie alle weiteren Termine
➔ Figma Grundlagen - Schulung
-
Kursbeschreibung
Dank Figma gestalten Sie Benutzeroberflächen gleichzeitig mit anderen Nutzer:innen. Das Online-Tool gehört zu den führenden Programmen für die Konzeptionierung und Entwicklung von Designs. In unserer Schulung lernen Sie die wichtigsten Techniken, um mit Figma erfolgreich zu arbeiten.
Figma ist browserbasiert und erlaubt somit das gemeinsame Erstellen und Bearbeiten von Designs in Echtzeit. Alle Nutzer:innen haben von jedem Gerät aus Zugriff auf dieselben Ressourcen und können so ihren Workflow deutlich verbessern. Für Wireframes, Konzepte und Prototypen ist Figma die ideale Software.
Unser Kurs bringt Ihnen zunächst alle Grundlagen näher und arbeitet Sie anschließend in die einzelnen Funktionen von Figma ein. Sie erhalten somit einen tiefgreifenden Einblick in das browserbasierte UX/UI-Design und sind anschließend dazu in der Lage, Skizzen, Konzepte und Prototypen für Webseiten und Apps zu gestalten.
-
Kursinhalte
Figma Grundlagen und Interface Design
- Überblick über das Seminar und Lernziele
- Figma Account erstellen und erste Orientierung
- Interface-Tour: Werkzeuge, Panels und Navigation
- Erste einfache Formen und Objekte erstellen
- Shapes, Text und Bilder einfügen
- Eigenschaften und Transformationen
- Ebenen und Gruppen verwalten
- Farben, Verläufe und Effekte anwenden
- Übung: Einfaches Icon-Set erstellen
- Frames vs. Gruppen verstehen
- Auto Layout Grundlagen
- Grids und Guides einrichten
- Responsive Design-Prinzipien
- Übung: Mobile App-Screen layouten
- Best Practices für Design-Organisation
- Naming Conventions und Strukturierung
- Wireframing in Figma
- Praxis-Projekt: Einfache Landing Page skizzieren
Komponenten und Design-Systeme
- Was sind Komponenten und warum sind sie wichtig?
- Master Components vs. Instances
- Komponenten-Eigenschaften definieren
- Varianten und States erstellen
- Übung: Button-Komponente mit verschiedenen States
- Farb-Paletten und Styles verwalten
- Typography-System einrichten
- Spacing und Sizing-Standards
- Component Library organisieren
- Übung: Basis Design-System erstellen
- Nested Components und Overrides
- Auto Layout in Komponenten nutzen
- Boolean Properties und Conditional Logic
- Responsive Komponenten gestalten
- Übung: Komplexe Card-Komponente entwickeln
- Projekt: Mobile App Interface mit Design-System
- Komponenten-Bibliothek erweitern
- Konsistenz und Skalierbarkeit sicherstellen
Prototyping und Kollaboration
- Von statischen Designs zu interaktiven Prototypen
- Prototype-Modus verstehen
- Trigger und Actions definieren
- Transitions und Animations-Optionen
- Übung: Einfacher Click-Through Prototyp
- Overlays und Modals erstellen
- Smart Animate für flüssige Übergänge
- Scroll-Verhalten und Fixed Elements
- Interactive Components
- Plugins und erweiterte Funktionen
- Masken und erweiterte Effekte
- Übung: Animierte Mikro-Interaktionen
- Sharing und Permissions verwalten
- Kommentare und Review-Prozesse
- Version History und Branching
- Handoff für Entwickler vorbereiten
- Übung: Collaborative Review-Session
- Inspect-Panel für Entwickler
- Assets und Icons exportieren
- Code-Snippets und Specifications
- Design Tokens und CSS-Export
- Übung: Vollständiges Handoff-Paket erstellen
- Best Practices und Workflow-Tipps
- Figma Community und Resources
Tipp: Empfohlene Trainingsdauer für alle Kursinhalte:1 - 2 Personen: 2 Tage - 3 Tage3 - 8 Personen: 3 Tage -
Förderungsmöglichkeiten
KOMPASS ist ein Förderprogramm des Bundesministeriums für Arbeit und Soziales (BMAS) und des Europäischen Sozialfonds Plus (ESF Plus) zur Qualifizierung von Solo-Selbstständigen.
Informationen zu KOMPASS finden Sie hier: https://www.esfplus.de/kompass.
Im Vorfeld ist ein Beratungsgespräch bei einer KOMPASS-Anlaufstelle notwendig: https://www.esf.de/portal/SharedDocs/PDFs/DE/Programme-2021-2027/BMAS/kompass_anlaufstellen.pdf?__blob=publicationFile&v=34
-
Voraussetzungen
Für unsere Figma Schulung benötigen Sie keine Vorkenntnisse.
-
Unterrichtszeiten
(8 x 45 Minuten)
jeweils von 9.30 Uhr - 17.00 Uhr -
Vorteile
Praxisorientiertes Lernen
Unsere Trainer:innen kommen direkt aus der Praxis und vermitteln Inhalte, die sofort anwendbar sind – mit echten Beispielen, relevanten Tools und Übungen.
Flexible Formate
Online, vor Ort oder als Inhouse-Schulung – Sie entscheiden, was am besten zu Ihrem Zeitplan und Team passt.
Schneller Lernerfolg
Dank kompakter Wissensvermittlung mit Fokus auf konkrete Anwendungsfälle erzielen Sie Fortschritte in kurzer Zeit. -
Kundenbewertungen
Hier finden Sie alle weiteren Termine
➔ Figma Grundlagen - Schulung
Figma Grundlagen -
Last-Minute 10 % Rabatt
Nur 2 Plätze - jetzt schnell buchen
Buchen ohne Risiko:
- Teamvorteil: -25 % ab 3 Personen
- Garantierte Durchführung
- Zufriedenheitsgarantie
- Keine Vorkasse - Rechnung erst nach erfolgreicher Durchführung des Seminars.
Profitieren Sie von unseren Experten & Expertinnen, die ihr Wissen anhand realistischer und praxisorientierter Übungen und Szenarien mit wertvollen Tipps und Tricks für die Praxis vermitteln.
Medienreich bietet alle Schulungen flexibel als offene- oder individuelle auf Ihre Bedürfnisse maßgeschneiderte Schulungen als Präsenz- und Live-Online-Schulungen an.
Mit modern ausgestatteten Räumen und fundierter Expertise garantieren wir erstklassigen Lernerfolg.
