13 april 2026

AI Ontwerp Maken

Een AI ontwerp maken is het proces waarbij je een professioneel UI-ontwerp genereert door in gewone taal te beschrijven wat je wilt. Je vertelt de AI over de layout, stijl en content die je nodig hebt. De AI levert een compleet, presentatierijp ontwerp dat je kunt verfijnen, delen met stakeholders en uiteindelijk doorgeven als code aan je development team.

Het gat in de AI-toolchain

Developers hebben al een tijdje AI-tools. Cursor, Claude Code, GitHub Copilot. Die tools hebben het schrijven van code fundamenteel veranderd. Maar voor designers en product managers bestond er tot voor kort niets vergelijkbaars.

Figma is geweldig, maar het is handwerk. Je bouwt elk element zelf op, pixel voor pixel. Voor een compleet ontwerp ben je zo een paar dagen kwijt. En dan heb je nog geen goedkeuring van je klant.

Dat gat is precies waar AI-ontwerptools in passen. Ze geven designers, PM's en bureaus dezelfde snelheidswinst die developers al hadden met coding AI's.

De workflow: beschrijf, genereer, verfijn, presenteer, exporteer

Het proces begint met een beschrijving. Je opent dMaya, start een project en vertelt de AI wat je nodig hebt. "Een dashboard voor een logistiek platform. Lichte look, met een sidebar, kaart en tabel voor zendingen."

De AI genereert een compleet scherm. Niet een wireframe of schets, maar een afgewerkt UI-ontwerp met echte typografie, kleuren, componenten en content. Dat is je startpunt.

Van daaruit ga je verfijnen. Je zegt: "Maak de sidebar smaller", "Gebruik de huisstijlkleuren van het merk", "Voeg een grafiek toe boven de tabel". Alles via het gesprek. Geen toolbar, geen menu's, geen handleidingen.

Als het ontwerp klaar is, deel je het. Je genereert een preview link die je klant of stakeholders kunnen openen in de browser. Ze zien het ontwerp, laten opmerkingen achter, en jij verwerkt de feedback. Sneller dan een vergadering plannen.

Na goedkeuring exporteer je naar code. HTML, CSS, Tailwind. Die code gaat naar je development team of direct naar Cursor of Claude Code via MCP.

Voor wie is dit bedoeld?

AI-ontwerpen maken is niet alleen voor designers. Sterker nog, het is misschien nog waardevoller voor mensen die geen designer zijn.

• Product managers die snel een visuele richting willen laten zien aan hun team voordat ze user stories schrijven
• Designers die hun eerste iteratie in minuten willen hebben in plaats van uren, zodat ze meer tijd hebben voor het creatieve verfijnen
• Bureaus die klantpitches voorbereiden en meerdere visuele richtingen willen presenteren zonder er dagen aan te werken
• Freelancers die meer projecten willen aannemen zonder concessies te doen op kwaliteit
• Founders die een idee visueel willen valideren voordat ze een team inhuren om het te bouwen

Developers hadden Cursor. Nu hebben designers dMaya.

Dit is de kerngedachte. Cursor heeft het schrijven van code veranderd. Developers beschrijven wat ze willen en de AI genereert werkende code. Dat was een doorbraak.

Maar voor de ontwerpfase bestond zoiets niet. Je kon wel AI gebruiken om code te genereren, maar niet om ontwerpen te genereren. De visuele stap werd nog steeds handmatig gedaan.

dMaya lost dat op. Het is de AI-designtool die de ontwerpfase even snel maakt als de codeerfase al is. Je beschrijft, de AI ontwerpt. Je itereert via chat. Je deelt met klanten. Je exporteert naar code.

Consistentie over meerdere schermen

Een veelgehoorde zorg bij AI-ontwerpen is consistentie. Als je elk scherm apart genereert, ziet elk scherm er anders uit. Andere kleuren, andere typografie, andere witruimte.

dMaya lost dat op met design tokens en componenten. Je definieert je kleuren, fonts en spacing een keer, en alle schermen die je genereert gebruiken diezelfde tokens. Daardoor voelt je hele project als een samenhangend product, niet als een verzameling losse pagina's.

Dit is een functie die je niet vindt in vibe coding tools. Cursor en Claude Code zijn briljant voor code, maar ze hebben geen concept van een visueel design system. Elke keer dat de AI een scherm maakt, begint het opnieuw. Bij dMaya niet.

Van ontwerp naar productie

Het eindresultaat is niet een plaatje dat in een la verdwijnt. Het is werkbare code die je development team direct kan gebruiken. HTML, CSS, Tailwind. Of via MCP rechtstreeks in Cursor of Claude Code.

Dat betekent dat het ontwerp geen vertaalstap meer nodig heeft. De designer maakt het ontwerp, de klant keurt het goed, en de developer heeft meteen bruikbare code. Geen Figma-naar-code conversie, geen misverstanden over marges en fontsizes.

Wil je meer weten over wat vibe design precies is? Lees ons uitgebreide artikel erover.

Veelgestelde vragen