AI UI design canvas

Welk AI UI design moet dMaya voor je maken?

Het AI UI design canvas voor vibe design. Beschrijf een productscherm. dMaya genereert je AI mockup op een canvas, je itereert via chat en exporteert naar code.

  1. 01

    Beschrijf

    Eén scherm, in gewone taal.

  2. 02

    Genereer

    Claude Opus 4.7 schetst je ontwerp.

  3. 03

    Kies plan

    Kies een plan zodra het ontwerp klopt.

01Beschrijf

Typ wat je wilt. dMaya neemt het over.

Gewone taal is genoeg. Voeg een brief, een merk, een inspiratie-scherm of een bestaand product toe. Laat dMaya een model kiezen of kies er zelf een.

  • Multi-model agent kiest het juiste model voor de prompt
  • Alle grote modellen op elk plan. Geen lock-in op één provider.
  • Verwijs naar schermen en bestanden met @-mentions
  • Plan- en research-mode voor zwaardere briefs

Studio OS

Independent studio dashboard

5 messages

You

Design a calm project dashboard for an independent studio. Money, tasks, active projects, plus a mobile version.

@brand-tokens.json@inspiration.png

dMaya agent

Mapped 4 core screens, drafted a soft green palette, and built the desktop dashboard and mobile home.

Done

42s
Mapped 4 core screens
Built desktop dashboard
Built mobile home
Picked color palette

You

Add a settings screen and a reports view too.

Crafting new elements...0:18
Gemini 3 Flash
PDF

studio-brand-guide.pdf

2.4 MB

Make the brand a touch warmer.

1x credits per message

02Itereer

Zie hoe dMaya het naar een echt canvas brengt.

dMaya zet schermen naast elkaar, niet in een chat-thread. Verplaatsen, groeperen, dupliceren, varianten genereren, paletten wisselen, schakelen tussen desktop en mobile, zonder het werk te verlaten.

  • Multi-screen canvas met desktop- en mobile-frames
  • Componenten en design tokens blijven in sync
  • Inline bewerken met de agent of met de hand

dmaya.ai / projects / studio-os

Screens

Search

4 screens

Dashboard
Mobile home
Settings
Reports

Dashboard

Mobile home

Settings

+1 more screen offscreen

03Lever op

Stuur een dMaya preview voordat de code begint.

Elk dMaya-project heeft een deelbare preview link met device-toggle, scherm-navigatie en commentaar verankerd aan het ontwerp. Exporteer de goedgekeurde richting daarna als code.

  • Preview werkt voor klanten zonder account
  • Commentaar blijft op het visual zitten, niet in een document
  • Design-to-code export zodra de richting vaststaat
preview.dmaya.ai/studio-os
CommentShare
DesktopTabletMobile
1 of 43 comments
1

Maya

2m

Can we make the revenue tile a touch larger? It is the most-checked metric.

2
1

Onder de motorkap

Vibe design gebouwd voor hoe productwerk echt gaat.

Choose model

Gemini 3 Flash

Fast & efficient

1x

Gemini 3.5 Flash

New Google flash model

3x

Gemini 3.1 Pro

Smartest Google model

5x

Kimi K2.6 Thinking

Reasoning + vision

3x

Claude Sonnet 4.6

Balanced Claude

5x

Claude Opus 4.7

Default

Premium, creative

10x

GPT-5.5

Pro

Long-horizon agent work

10x

Models

No model lock-in

Pick Gemini, Kimi, or Claude per project. The agent picks the right model when you do not, and every model is on every plan.

Components

4 parts

B

Primary button

24
C

Pricing card

8
T

Stat tile

16
M

Modal

4

Components

Reusable parts across screens

Save buttons, cards, tiles, modals once. Drop them into any screen. Edits propagate so brand changes are not a redraw.

Colors

Type scale

Aaxs
Aasm
Aamd
Aalg
Aaxl

Spacing

4
8
12
16
24
32

Design tokens

Colors, type, and spacing as variables

Your tokens stay declared in one place. Switch a palette, retune the type scale, and every screen updates with it.

studio|⌘K
S

Dashboard

Screen · Studio OS

C

Pricing card

Component · Brand kit

T

brand-primary

Token · Studio OS

P

Stillday booking

Project · 8 screens

Search

Find anything across the workspace

Search every screen, component, token, and project from one input. ⌘K opens it from anywhere in the canvas.

Plan

Stillday booking app

Plan steps

Research booking app patterns

Map core user flows

Design home and detail views

Add empty and error states

Hand off to engineering

Plan and research

The agent thinks before it draws

Plan mode breaks a brief into steps, asks clarifying questions, and pulls reference patterns before generating screens.

PricingCard.tsx
React + Tailwind
export function PricingCard() {
return (
<div className="rounded-xl...">
<h3>Starter</h3>
<p>$18 / month</p>
</div>
);
}

Design-to-code

Ship the approved direction

Export screens and components as production-quality React + Tailwind. Engineers continue from your file, not a screenshot.

Voordat je beslist

We hebben de alternatieven getest.

Eerlijke vergelijkingen tussen dMaya en de alternatieven. Beslis zelf.

Prijzen

Begin klein. Schaal mee als verkenning werk wordt.

Elk plan bevat het canvas, agent chat, gegenereerde ontwerpen, samenwerking, preview links en export. Plannen schalen op credits.

Starter

For exploring ideas and first projects

$18/month
3,000 credits / month

~500 chat messages or ~136 designs/mo

Credits expire monthly

Get Started
Best Value

Pro

For steady design work and client projects

$48/month
or $450/year (save $126)
10,000 credits / month

~1,666 chat messages or ~454 designs/mo

Annual plan: credits roll over 12 months

Start Pro Plan

Scale

For high-volume exploration and delivery

$120/month
or $1,200/year (save $240)
25,000 credits / month

~4,166 chat messages or ~1,136 designs/mo

Annual plan: credits roll over 12 months

Get Started

AI chat

6 credits per bericht

Design generatie

22 credits per scherm

Top ups

$6 per 1.000 credits

Standaardmodel: Claude Opus 4.7. Snellere en goedkopere modellen beschikbaar in de modelkiezer. Credits worden teruggestort als een actie faalt.

FAQ

Veelgestelde vragen over dMaya

Wat is dMaya?

dMaya is een AI UI design canvas voor vibe design. Je beschrijft een product in gewone taal, dMaya genereert bewerkbare UI ontwerpen op een multi-screen canvas, en je blijft het verfijnen via chat tot het klaar is om te delen of naar code te exporteren.

Wat betekent vibe design?

Vibe design is het maken van visuele interface-richtingen door de gewenste uitkomst te beschrijven in plaats van elk element met de hand te ontwerpen. dMaya gebruikt de vibe design workflow voor AI mockups, AI prototypes, productschermen en volledige web- of mobile-UI.

Heb ik design-ervaring nodig om dMaya te gebruiken?

Nee. dMaya is gebouwd voor iedereen die kan beschrijven wat hij wil. Denk aan founders, operators, product mensen, marketeers, designers, bureaus, freelancers en iedereen die een visueel idee verkent.

Kunnen klanten dMaya ontwerpen bekijken zonder account?

Ja. dMaya preview links kunnen worden gedeeld voor review zonder dat kijkers zich hoeven aan te melden. Feedback en goedkeuring gaan zo veel sneller.

Kan ik dMaya ontwerpen exporteren naar code?

Ja. dMaya exporteert goedgekeurde ontwerpen als productieklare React- en Tailwind-code, zodat jij of je developer verder kan in het framework en de tools waar je het liefst mee werkt.

Geef je volgende idee een vorm.

Geen creditcard vereist.