Opleiding: Training Figma

Wil je zelf gebruiksvriendelijke interfaces en interactieve prototypes kunnen ontwerpen in Figma, zodat je ideeën zichtbaar worden nog voordat er iets gebouwd wordt? In deze training leer je stap voor stap werken met de interface, componenten, stijlen en prototyping, en werk je vanaf het begin aan een eigen ontwerp. Hierdoor ben je in staat om zelf een ontwerp op te zetten en dat om te zetten in een werkend prototype.

Algemene omschrijving

Figma is het platform waarmee designers, developers en teams samen aan digitale producten werken: van wireframes en user flows tot interactieve prototypes. Tijdens deze training maak je op een toegankelijke manier kennis met de interface, de basiselementen en de designprincipes van Figma. Ben je al wat verder, dan verdiep je je in componenten, varianten, design tokens en auto layout. Zo werk je op je eigen niveau naar een ontwerp dat je in je werk kunt gebruiken.

De training is praktijkgericht opgezet. Je werkt vanaf het begin aan een concreet project, zoals een responsive webpagina, een app-interface of een interactief prototype. Je leert een design system op te zetten, met componenten te werken en je ontwerp met prototyping tot leven te brengen. Daarnaast kijk je naar de handoff naar development en naar de samenwerkings- en commentaarfuncties waarmee je met anderen aan één ontwerp werkt.

Onze trainers zijn, naast trainer, dagelijks werkzaam op dit expertisegebied. Zij geven je tips en inzichten die je meteen herkent in je eigen werkpraktijk. Hierdoor ben je in staat om na afloop zelfstandig een ontwerp op te zetten en om te zetten in een werkend prototype.

Deze training als bedrijfstraining voor jou en je team?

Elk vraagstuk en elke situatie is anders; daarom staan tijdens een bedrijfstraining jouw organisatie en (bedrijfs)vraagstukken centraal. In goed overleg stellen we een lesprogramma samen dat volledig aansluit bij jouw (jullie!) specifieke uitdaging, wensen en dagelijkse werkpraktijk.

Programma

Tijdens de training Figma komen onderstaande onderwerpen aan bod.

NB: Afhankelijk van snelle ontwikkelingen op dit expertisegebied, kan de werkelijke trainingsinhoud hier van afwijken. Bel ons gerust voor meer informatie over de actuele inhoud.

• Kennismaken met Figma en de ontwerptools
• • Je weg vinden in de interface en de navigatie van Figma
  • Ontdekken wat het verschil is tussen de browserversie en de desktop-app
  • De opbouw van een Figma-bestand herkennen: pages, frames en layers
  • Ontwerpen met shapes, tekst en kleuren
  • Grids en guides inzetten om je ontwerp netjes uit te lijnen
  • Iconen en afbeeldingen toevoegen aan je ontwerp
• Componenten, stijlen en design systems
• • Herkennen wat componenten zijn en hoe je ze efficiënt hergebruikt
  • Herbruikbare stijlen opzetten voor teksten, kleuren en effecten
  • Werken met variants en component states, zoals hover of actief
  • Kennismaken met design tokens als basis voor een consistent design system
  • De eerste bouwstenen van een design system opzetten
• Auto layout en responsive design
• • Flexibele layouts bouwen met auto layout
  • Constraints en padding toepassen zodat je elementen goed meeschalen
  • Responsive componenten maken voor verschillende schermformaten
  • Zien hoe je ontwerp zich aanpast aan desktop en mobiel
• Prototyping en interactie
• • Schermen aan elkaar koppelen via interacties
  • Animaties en transitions toevoegen om overgangen soepel te maken
  • De ingebouwde motion- en animatietools op het canvas inzetten
  • Je prototype testen op zowel desktop als mobiel
• Samenwerking, handoff en AI
• • Ontwerpen delen en gericht commentaar geven
  • In real-time samenwerken met anderen in dezelfde ontwerpomgeving
  • Je ontwerp voorbereiden op de handoff naar development met inspect en export
  • De uitgebreide mogelijkheden van Dev Mode verkennen, waaronder Code Connect
  • Kennismaken met de huidige AI-functies binnen Figma en zien hoe ze het ontwerpproces ondersteunen
  • Verantwoord omgaan met AI-tools in je werkwijze
• De praktijkcase: je ontwerp afronden
• • Aan de slag met een ontwerpopdracht, zoals een website of app-interface
  • Alle geleerde technieken toepassen in één afgerond ontwerp
  • Je ontwerp uitwerken tot een interactief prototype
  • Je resultaat voorbereiden om te presenteren of te delen

De training is praktisch en interactief van opzet, met veel ruimte voor jouw vragen en werksituatie. Je gaat aan de slag met passende praktijkvoorbeelden. Door actief te oefenen, te analyseren en te evalueren, maak je je de materie stap voor stap eigen en ervaar je hoe je een ontwerp opzet en uitwerkt tot een werkend prototype.

Onze trainers zijn, naast trainer, dagelijks werkzaam op dit expertisegebied. Ze beschikken dus niet alleen over de meest actuele kennis, maar hebben ook essentiële praktijkervaring. Hierdoor zijn ze in staat om een waardevolle vertaalslag te maken van ‘kennis’ naar ‘toepassing binnen jouw organisatie en werksituatie’.

Doelen

Na deze training ben je in staat om:

• Zelfstandig een ontwerp op te zetten en uit te werken in Figma
• Te werken met componenten, herbruikbare stijlen en de basis van een design system
• Flexibele, responsive layouts te bouwen met auto layout
• Je ontwerp om te zetten in een werkend, interactief prototype
• Effectief samen te werken in een gedeelde ontwerpomgeving en je ontwerp voor te bereiden op de handoff naar development