AI Design Workflows · 2026 Gids
Wat is vibe design?
Vibe design kwam in 2026 in de focus als term. Google Stitch kreeg op 19 maart een grote update die Figma's aandeel op één dag 8% liet zakken. Anthropic lanceerde Claude Design kort daarna. De AI-native-design-categorie stopte een gerucht te zijn en werd een koopbeslissing.
De term wordt echter losjes gebruikt. Dit artikel trekt een scherpere lijn. Wat vibe design is. Wat het niet is. Hoe een echte sessie verloopt. En waar het het verkeerde gereedschap is.
Wat vibe design is
Je opent een project, beschrijft in gewone taal wat je wilt, en een canvas vult zich met een echt UI-design. Geen wireframe. Geen losse statische afbeelding. Een layout met typografie, kleuren, afstanden, componenten en responsive gedrag, samengehouden door een design-systeem dat consistent blijft over elk volgend scherm.
Vanaf daar itereer je door te praten. Verander het palet. Strakker maken. Voeg een mobile variant toe. Het is een gesprek met een canvas, geen toolbar en handleiding.
Wanneer het design staat, deel je een preview-link. Klanten openen hem zonder login, laten commentaar achter, en je itereert. Na goedkeuring exporteer je schone code en geef je aan Cursor of Claude Code voor het bouwen in welk framework je ook levert.
Wat vibe design niet is
Het is geen vibe coding
Vibe coding geeft code uit. Vibe design geeft een visueel uit. Andere workflow.
Het is geen wireframing
Wireframe-tools produceren opzettelijk ruwe schetsen. Vibe design produceert productieklare output die je een betalende klant direct kunt tonen.
Het is geen Figma AI
Figma AI voegt AI-assistentie toe bovenop een manueel design-tool. Vibe-design-tools zijn prompt-first; de canvas begint leeg en het gesprek vult hem.
Het is geen beeldgeneratie
Midjourney, DALL·E produceren een afbeelding van een UI. Vibe-design-tools produceren een werkend layout: echte componenten, tokens, responsive gedrag.
Hoe een echte vibe-design-sessie verloopt
Zes stappen. Zo is het na drie maanden echte agencywerk in dMaya geworden.
- 1. Beschrijf wat je nodig hebt. Eén alinea is genoeg.
- 2. De canvas vult zich. Eerste ontwerp landt in 2-3 minuten op een mid-tier model.
- 3. Zo ziet het er in dMaya uit, op Claude Opus 4.7:
- 4. Itereer in chat. Kies per generatie een model (Claude, GPT, Gemini, open-source).
- 5. Deel de preview-link. Klanten openen in browser zonder login.
- 6. Exporteer schone code. Geef HTML aan Cursor of Claude Code voor conversie naar je stack.
De dragende idee: design-systemen afgedwongen
Wat vibe design voor echte multi-screen projecten laat werken is dat het tool een design-systeem over elke generatie vasthoudt. Dezelfde tokens, componenten, spacing-schaal. Vibe-coding-tools kunnen dat niet garanderen.
Wat het tegen alternatieven doet
We hebben dezelfde prompt door dMaya, Google Stitch en Claude Design laten lopen. Cijfers: dMaya op Opus 4.7 leverde een bruikbaar dashboard in ~2,5 minuten. Claude Design op hetzelfde Opus-model had ~10 minuten nodig en verbruikte ~20% van het weeklimiet. Google Stitch was snel maar niet leveringsklaar. Volledige analyse in de same-prompt vergelijking.
Veelgestelde vragen
Probeer een echte vibe-design-sessie
Beschrijf wat je wilt. Kijk de canvas zich vullen. Exporteer schone code als je tevreden bent. Plannen vanaf $18/mnd.
Start Designing