SuperDesign AI met Gemini 3: De UI-ontwerptool die Figma verouderd laat voelen

"Figma is de industriestandaard."

Ik heb die zin vaker gezegd dan ik kan tellen. En jarenlang was het waar. Maar er is onlangs iets gebeurd dat me alles deed betwijfelen wat ik dacht te weten over UI-ontwerpworkflows.

Ik stuitte op SuperDesign — een AI-aangedreven ontwerptool die draait op Gemini 3 — en eerlijk? Ik ben nog steeds aan het verwerken wat ik zag.

Het probleem met hoe we vandaag ontwerpen

Dit is het punt met traditionele ontwerptools: ze zijn gebouwd voor een wereld waarin ontwerpers ontwerpen en ontwikkelaars ontwikkelen. Je maakt iets moois in Figma en besteedt vervolgens uren aan het vertalen daarvan naar daadwerkelijke code. Of je draagt het over aan een ontwikkelaar die jouw visie helemaal opnieuw nabootst, pixel voor pixel.

Het werkt. Maar het is traag. En in 2025 voelt "traag" als een bug, niet als een feature.

Ik had al maanden gehoord over "vibe coding" en AI-ontwerptools. De meeste voelden... niet goed. De output zag er generiek uit. De AI begreep niet echt wat goed ontwerp goed maakt.

Toen zag ik SuperDesign daadwerkelijk werken.

Wat SuperDesign anders maakt

SuperDesign is niet zomaar weer een AI-tool op een canvas geplakt. Het is gebouwd op Gemini 3, dat iets heeft wat de meeste AI-ontwerptools missen: oprecht visueel contextbegrip.

De tool is te vinden op app.superdesign.dev en is nog in bèta. Maar zelfs in deze vroege fase doet het dingen waarvan ik niet dacht dat ze al mogelijk waren.

Twee hoofdmodi:

Ontwerpmodus: Genereer UI vanuit het niets of pas bestaande ontwerpen aan via natuurlijke taal
Wireframe-modus: Schets ruwe vormen en de AI zet ze om in gepolijste componenten

Die tweede blies me omver. Je tekent letterlijk een ruw rechthoek met wat kronkellijntjes — "dit is een menu" — en het levert een productieklaar navigatiecomponent op dat past bij jouw merkstijl.

De kloon-en-aanpas-workflow

Hier wordt het interessant.

SuperDesign heeft een Chrome-extensie waarmee je elke website kunt klonen naar een bewerkbaar React-project. Niet alleen een screenshot. Een daadwerkelijk aanpasbaar ontwerp met echte assets en structuur.

Ik zag iemand een site klonen van curated.design — strak minimaal esthetisch, veel witruimte — en binnen seconden was het geladen in het canvas van SuperDesign. Toen typten ze: "Voeg een promotiebanner toe bovenaan die past bij de merkstijl."

De AI genereerde de banner. Integreerde het naadloos. Toen het overlapte met de navigatie, vroegen ze de AI gewoon om het te repareren.

Geen handmatige aanpassingen. Geen pixel-gepruts. Gewoon een gesprek.

Van ontwerp naar echte code

Dit is het deel dat ertoe doet voor ontwikkelaars.

Je kunt direct exporteren naar:

Cursor
Claude Code
VS Code

De export is geen pseudo-code-rommel. Het is een productiewaardig React-project. Echte componenten. Daadwerkelijke CSS. Iets dat je kunt uitvoeren en verder op kunt bouwen.

Er is ook een style.md-export die al je ontwerptokens en stijldefinities vastlegt in Markdown. Zet dat in je project en je AI-codeerassistent weet precies welke stijlen te gebruiken.

De kloof tussen ontwerp en code die onze industrie jarenlang heeft geplaagd? SuperDesign sluit die gewoon... dicht.

Wat dit betekent voor jouw workflow

Ik zeg niet dat Figma dood is. Dat is het niet.

Maar ik zeg wel dat voor snel prototypen, voor vibe coding, om van idee naar werkende UI te gaan in uren in plaats van dagen — SuperDesign een echte verschuiving vertegenwoordigt.

Productmanagers kunnen ideeën schetsen en echte ontwerpen krijgen. Ontwerpers kunnen sneller itereren dan ooit. Ontwikkelaars krijgen code die ze echt kunnen gebruiken, niet alleen mooie plaatjes om na te maken.

De tool verwerkt lichte en donkere modus, apparaatvoorbeelden, versiegeschiedenis en screenshot-annotaties. Je kunt een screenshot annoteren met notities en die annotaties gebruiken als context voor AI-prompts.

Het is vroeg. Het is bèta. Sommige functies zijn nog ruw.

Maar de kernworkflow werkt. En het werkt goed.

De eerlijke beoordeling

Zou ik SuperDesign voor elk project gebruiken? Nog niet. Complexe ontwerpsystemen met ingewikkelde componentbibliotheken hebben nog steeds traditionele tooling en menselijk toezicht nodig.

Maar voor:

Snel prototypen
Bestaande sites klonen en verbeteren
Snelle wireframe-naar-UI-conversie
Snel een werkend React-startpunt krijgen

Het is oprecht indrukwekkend. Het Gemini 3-model produceert output met betere esthetiek en contextuele nauwkeurigheid dan ik van enige andere AI-ontwerptool heb gezien.

Probeer het zelf

Dit zou ik voorstellen:

Installeer de Chrome-extensie
Kies een website die je leuk vindt
Kloon het naar SuperDesign
Vraag de AI om iets toe te voegen — een banner, een nieuwe sectie, een component
Exporteer naar je IDE

Kijk wat er gebeurt. Ik denk dat je verrast zult zijn.

De tools die we gebruiken veranderen sneller dan onze mentale modellen kunnen bijhouden. Dat is geen bedreiging — het is een kans.

Je wordt niet vervangen door AI-ontwerptools. Je krijgt hefboomwerking die je nooit eerder had. De ontwerpers en ontwikkelaars die uitzoeken hoe ze die hefboom kunnen gebruiken? Zij zijn degenen die de volgende generatie producten zullen bouwen.

De kloof tussen ontwerp en ontwikkeling verdwijnt niet. Maar het wordt een stuk kleiner. En tools zoals SuperDesign lopen voorop.