Ik ben de laatste tijd begonnen met prototypes bouwen via AI-coding tools zoals Lovable en Claude. Niet omdat ik een developer wil worden, maar om te ontdekken wat er mogelijk is: hoe snel kan ik als designer een concept live zetten, en wat levert dat op wat Figma mij niet geeft?
Het probleem met Figma-prototypes
Een Figma-prototype als enige validatiemethode is verleden tijd. Het ziet eruit als een product, maar gedraagt zich niet als een. Geen echte data, beperkte interactie, eindeloze 'noodling'. Je kunt een gebruiker er wel mee testen, maar je mist de realistische context.
Wat ik bouw
Koopjesjager is een webapp die supermarktaanbiedingen bij mij in de buurt toont. Het startpunt was een persoonlijk probleem: supermarktaanbiedingen zijn lastig te vergelijken. Je springt van folder naar folder, van app naar app. Ik wilde weten of ik de deals van twee supermarkten die naast elkaar staan in één overzicht kon tonen.
Het concept staat live, is publiek toegankelijk en gebouwd zonder één regel code zelf te schrijven.
Maar belangrijker dan het product is de werkwijze. Ik stuur de AI als een designer: ik definieer de structuur, de datalogica, de gebruikersstroom. De AI vertaalt dat naar werkende code. Het resultaat is een prototype dat zich gedraagt als een echt product, inclusief een admin-omgeving en automatische data-ingestion.
Dat lukt niet met Figma.
Waar ik naartoe werk
Het interessantere experiment is wat ik nu opbouw: een design system dat direct gekoppeld is aan AI-coding. Het idee is dat als de AI begrijpt welke componenten er zijn, wanneer je welke gebruikt en waarom, je als UX-er razendsnel kunt bouwen vanuit een consistente basis.
Niet de AI die ontwerpt. De designer die de AI aanstuurt via het design system.
Het resultaat: concepten die qua fidelity en interactie veel verder zijn dan een Figma-prototype, in minder tijd, en met echte testbaarheid.
Wat dit betekent voor mijn werk als designer
Ik gebruik deze aanpak niet om developers te vervangen. Ik gebruik het om eerder en beter te kunnen valideren en om sneller van idee naar iets tastbaars te gaan. De AI schrijft de code. Ik bepaal wat er gebouwd wordt en waarom.
