Opleiding: Visual Design met Figma

Programma van de training Visual Design met Figma

Dag 1

Ochtend

Introductie Figma:

• Lagen, assets en pagina’s
• Gereedschap
• Inspector-menu
• Tekenen / pentool gebruiken in Figma
• Sneltoetsen
• Foto’s importeren en bewerken (maskeren)
• Vectorafbeeldingen importeren en wijzigen
• Objecten groeperen
• Slim schalen met restricties voor responsive design
• Lagen uitlijnen en distribueren
• Tekststijlen aanmaken
• Kleuren in het ontwerp opnieuw gebruiken
• Herbruikbare vormgeving maken
• Master components en assets (herbruikbare elementen)
• Bestanden exporteren
• Losse elementen exporteren
• Plug-ins gebruiken

Middag

• Wireframing (zelf maken van wireframes van een app)
• Prototype maken in Figma
• Wat is Visual / UI Design
  • Je rol als visual designer in een team
  • Hoe ontwerp je user focus?
  • Veelgemaakte fouten in visual design
• Praktijkopdracht

Dag 2

Ochtend

• Slimmer en sneller werken binnen Figma met behulp van AI-plugins
• Wireframes omzetten naar een visual design
• Layouts/Grids/8pt Grid
• Content vormgeven
  • Navigatie, menubalken, buttons, en andere interactie-elementen ontwerpen
  • Typografie en tekstblokken

Middag

• Responsive/Adaptive Design
• Design systems
  • Design tokens
  • Huisstijlgidsen vs. UX styleguides
  • Structuren
  • Tonen van aantal voorbeelden
• Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons
• Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
• Een Figma-design opleveren bij developers