Les 3b: Ontwerp je eigen To-Do App in Figma!

• New lesson editor
• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Ontwerp je eigen To-Do App in Figma!

Leerdoel

Lesdoel

Aan het einde van de les kun je een eenvoudig mobiel scherm voor een To-Do Lijst app ontwerpen in Figma.

Wat weet je al over het ontwerpen van digitale interfaces?

Wat is Figma?

Figma is een populaire, browsergebaseerde tool voor het ontwerpen van digitale interfaces, ideaal voor UX/UI-design vanwege de eenvoudige samenwerking in real-time en uitgebreide mogelijkheden voor prototyping.

Korte Opdracht

Ontwerp een eenvoudig mobiel scherm voor een To-Do Lijst app in Figma om de basisfunctionaliteiten te ontdekken, zoals werken met vormen, tekst en kleuren.

Stap 1: Open Figma

Maak een nieuw project en kies een mobile frame, zoals het iPhone formaat.

Stap 2: Ontwerp een To-Do lijst scherm

Voeg een titel toe, maak een lijst met 3 taken en voeg een + knop toe om taken toe te voegen.

Stap 3: Pas kleuren en tekst aan

Geef je ontwerp wat kleur en kies een geschikt lettertype om het scherm van de To-Do app aan te passen.

Eindresultaat

Een enkel scherm van een To-Do app met een titel, een lijst met taken en een plus-knop om nieuwe taken toe te voegen.