Figma Grundlagen - Schulung
3 Tage Kompakt-Training
-
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 -
Voraussetzungen
Für unsere Figma Schulung benötigen Sie keine Vorkenntnisse.
-
Unterrichtszeiten
(8 x 45 Minuten)
jeweils von 09.30 Uhr - 17.00 Uhr -
Vorteile
Praxisorientiertem 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
90 Teilnehmer besuchten bereits diesen Kurs.
Sony, VW, itelligence, EADS, Sanyo, Sage
Mit über 1.000 jährlich durchgeführten Adobe Trainings ist medienreich einer der erfolgreichsten Anbieter von Adobe Schulungen.
Profitieren auch sie von unseren zertifizierten Adobe-Experten, 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.
Profitieren Sie von der Qualität eines zertifizierten Training Centers – für Ihre kreativen Projekte mit Adobe-Software!
- Durchführungsgarantie »
- Zufriedenheitsgarantie »
- Qualitätsgarantie »
