Cursus Figma

basis

Van idee naar klikbaar ontwerp in 4 weken

In vier compacte lessen bouw je een stevige Figma-basis: frames & lagen, Auto Layout, components & variants en prototyping. Elke les werkt met een vaste cadans van 2 demo’s + 2 opdrachten, zodat je direct maakt wat je leert. Aan het eind presenteer je een klikbaar prototype dat je zo kunt delen.

  • Duur: 4 weken (1 les p/w)
  • Prijs: €495,- (btw-vrij)
  • Locatie: Live online via Zoom
  • Startdata: zie kalender/inschrijfmodule

Cursus Figma

Wat leer je in 4 weken?

  • Figma fundamentals: interface, frames & lagen, visuele hiërarchie, simpele navigatie.

  • Wireframes & flow: lo-fi vs hi-fi, Auto Layout (stacks, padding, spacing), desktop → mobiel, één primaire CTA per scherm.

  • Snel & consistent: components & variants, mini-designsystem met kleur- en tekststijlen, formulier-UI.

  • Klikbaar maken: prototyping (Navigate to, overlays, scroll-ankers), subtiele animatie en een korte peer-test.

Didactische opzet per les: kick-off → demo → opdracht → mini-terugkoppeling → demo → opdracht → wrap-up & huiswerk. Lekker tempo, veel doen.


Voor wie is deze cursus?

  • (Aankomende) web/UI-designers die van “mooi” naar bruikbaar willen.

  • Grafisch designers die Figma aan hun toolkit willen toevoegen.

  • Marketeers/creators die zelf landingspagina’s/prototypes willen opzetten.

  • Freelancers/ondernemers die sneller tot heldere UI’s en overzichten willen komen.

Geen Figma-ervaring nodig — je leert het stap voor stap.


Wat ga je maken?

  • Een nette homepage-wireflow in desktop én mobiel.

  • Een mini-designsystem (kleuren, typografie, knoppen, inputs).

  • Een inschrijfformulier opgebouwd met je eigen componenten.

  • Een klikbaar prototype (3–4 schermen) om te delen en te testen.


Duur, opbouw & studiebelasting

  • Duur: 4 weken (1× per week)

  • Studiebelasting: ca. 2–3 uur per week (incl. opdrachten)

  • Lesopbouw (globaal):

    1. Frames & hiërarchie – interface-tour, basisvormen, CTA’s, export.

    2. Wireframes & Auto Layout – lo-fi flow (Home → Product → Checkout), desktop → mobiel.

    3. Components & variants – styleguidepagina, buttons S/M/L, inputs met states.

    4. Prototyping & testen – Navigate to, overlay, scroll-to ankers, peer-test + present-link.


Benodigdheden

  • Gratis Figma-account, Chrome/Edge en stabiel internet.

  • Je krijgt starterfiles (icons, tokens) van de docent; neem 1–2 referentiesites mee als inspiratie.

  • Headphones aanbevolen voor de test in les 4.

Handig om te activeren: Stark (contrast), Content Reel, Brandfetch, Autoflow, Iconify, Rename It — we laten zien hoe je hiermee vaart maakt.

FAQ – veelgestelde vragen

1) Heb ik voorkennis van Figma nodig?

Nee. We starten bij de basis en bouwen snel op met veel praktijkoefeningen en feedback.

2) Hoeveel tijd kost dit per week en wat is de investering?

Reken op 1 les per week + 2–3 uur zelfstudie/opdrachten. De basiscursus duurt 4 weken en kost €495,- (btw-vrij).

3) Wat lever ik na 4 weken concreet op?

Je rondt af met een mini-designsystem (kleuren/typografie/knoppen), een klikbaar prototype (3–4 schermen, desktop + mobiel) en korte documentatie voor overdracht aan een developer of opdrachtgever.

4) Krijg ik een certificaat of diploma?

Je krijgt een certificaat van deelname voor deze korte cursus. Wil je examen en diploma, kies dan voor één van de opleidingen.

5) Welke tools heb ik nodig?

Een (gratis) Figma-account, een moderne browser (Chrome/Edge) en stabiel internet. Eventuele handige plugins delen we tijdens de lessen.

6) Bestaan er vervolgen op deze basiscursus (Figma 2, 3 en 4)?

Ja — we werken aan drie verdiepende modules die elk 4 lessen beslaan:

  • Figma 2 – UX Fundamentals & Content-first Design: probleem/target/KPI’s, user flows & sitemap, content-hiërarchie & UX-writing, accessibility-basics, responsive basics (8pt spacing, fluid type, grids/breakpoints), Auto Layout pro-tips en snel testen/itereren. :contentReference[oaicite:0]{index=0}
  • Figma 3 – Designsystem V1 (Tokens → Components): semantische tokens & Figma Variables (light/dark modes), component-architectuur (properties, instance swap, compound variants), patroonbibliotheek (nav, card, button, forms), library & documentatie/governance en toegankelijkheid (focus, targets, keyboard-flow, forms). :contentReference[oaicite:1]{index=1}
  • Figma 4 – Advanced Prototyping, Testing & Handoff: prototyping met logica (variables, conditionals, overlays, micro-interactions), usability-tests (success/time/errors), handoff naar dev (Dev Mode, tokens → CSS vars, breakpoints/redlines, assets/export) en case-study/portfolio. :contentReference[oaicite:2]{index=2}

Interesse? Laat bij je inschrijving weten dat je op de wachtlijst wilt voor de vervolgdelen.

Certificaat

Dit is een korte cursus: je rondt af met een eindopdracht en ontvangt een certificaat van deelname. (Wil je examen en diploma? Kijk dan bij onze Opleidingen.)


Inschrijven of persoonlijk advies?

📍 Meld je aan via de button en kies je startmoment.
💬 Twijfel je tussen Figma en de Opleiding Web Design? Boek een kort adviesgesprek — we denken met je mee.

AANMELDEN
PERSOONLIJK ADVIESGESPREK