AI Design Workflows

Vibe Coding vs Vibe Design: Wanneer elke aanpak wint

Dhairya Purohit

Runt Ekyon, medeoprichter van Contemy. Schrijft over de design-to-code handoff omdat hij er steeds in klantwerk tegenaan liep. Zo ontstond dMaya.

Published April 25, 2026

Als je AI-tools volgt, heb je over vibe coding gehoord. Er is een parallelle beweging die minder aandacht krijgt: vibe design. Zelfde prompt, andere output. Het ene geeft je code. Het andere geeft je een design. Voor solo-builders is het onderscheid academisch. Voor iedereen die een visueel concept goedgekeurd moet krijgen voordat iemand begint te bouwen, is het het hele spel.

Wat is vibe coding?

Term bedacht door Andrej Karpathy. In plaats van zelf te coden beschrijf je wat je wilt, en een AI schrijft het. Tools: Cursor, Claude Code, Lovable, Bolt.new, Replit. Output is altijd code. Op grotere projecten (20 schermen) maakt de AI op elk scherm andere visuele keuzes. Kleuren driften, afstanden variëren, het resultaat ziet eruit alsof iemand anders elke pagina heeft gebouwd.

Wat is vibe design?

Vibe design neemt dezelfde prompt en produceert een visueel resultaat in plaats van code. Je krijgt een mockup op een canvas die je kunt reviewen, itereren en presenteren aan stakeholders. Tools: dMaya, Google Stitch, en deels Figma AI. De output is altijd visueel. Code komt later, als export na review en goedkeuring.

Waarom het onderscheid telt

In professionele workflows komt design vóór ontwikkeling. Dat is geen advies, dat is hoe agencies, productteams en klantwerk werkelijk functioneren. Iemand moet zien hoe het eruit gaat zien voordat iemand begint te bouwen.

Vibe coding slaat die stap over. Voor persoonlijke projecten prima. Voor klantwerk met meningen over de visuele richting schept dat echte problemen. Je kunt een klant geen staging-URL sturen en het een design-review noemen.

Vibe design behoudt de review-stap. Het comprimeert hem alleen. Je presenteert concepten, krijgt feedback, itereert. Alleen in minuten in plaats van weken.

Samen gebruiken: design eerst, code daarna

Start in dMaya. Beschrijf je project. Genereer het design. Itereer met je team. Deel preview-links met klanten. Na goedkeuring exporteer je HTML en geeft het aan Cursor, Claude Code of welke coding-agent je team al gebruikt.

dMaya exporteert HTML expres, geen React. Teams hebben hun eigen coding-tools en stacks. Onze taak is één gespecialiseerde stap: de design-fase met een design-systeem dat consistent blijft over schermen. Daarna geven we schone markup door aan de agentische coding-tool die je team sowieso ging gebruiken.

Hoe dit zich verhoudt tot directe AI-design-concurrenten: zie Google Stitch vs dMaya, Claude Design vs dMaya, of de design-to-code workflow zonder plugin.

Veelgestelde vragen