AI UI design canvas

Describe a product. dMaya designs it.

dMaya is the vibe design platform for AI UI design. Describe a product, watch dMaya generate real, editable UI screens on a canvas, then shape the design through chat. When the design is right, share a dMaya preview link or export to code.

  • Describe in plain language
  • Iterate on a multi-screen canvas
  • Share previews, export to code
See it design a project below
01Describe

Type what you want. dMaya goes from there.

Plain language is enough. Attach a brief, a brand, an inspiration screen, or a current product, then let dMaya pick a model or choose one yourself.

  • Multi-model agent picks the right tool for the prompt
  • All major models on every plan. No lock-in to a single provider.
  • Reference screens and files with @ mentions
  • Plan and research modes for harder 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

02Iterate

Watch dMaya turn it into a real canvas.

dMaya places screens side by side, not in a chat thread. Move, group, duplicate, generate variants, swap palettes, switch from desktop to mobile, all without leaving the work.

  • Multi-screen canvas with desktop and mobile frames
  • Components and design tokens stay in sync
  • Inline edits with the agent or by hand

dmaya.ai / projects / studio-os

Screens

Search

4 screens

Dashboard
Mobile home
Settings
Reports

Dashboard

Mobile home

Settings

+1 more screen offscreen

03Ship

Send a dMaya preview before code begins.

Every dMaya project has a shareable preview link with device toggling, screen navigation, and comments anchored to the design. Then export the approved direction as code.

  • Preview chrome works for clients without an account
  • Comments stay attached to the visual, not a doc
  • Design-to-code export when the direction is locked
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

Under the hood

Vibe design built for the way real product work happens.

Choose model

Gemini 3 Flash

Fast & efficient

1x

Gemini 3.1 Pro

Smartest Google model

5x

Kimi K2.6 Thinking

Reasoning + vision

3x

Claude Sonnet 4.6

Default

Balanced Claude

5x

Claude Opus 4.7

Pro

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.

Pricing

Start small. Scale when exploration becomes work.

Every plan includes the canvas, agent chat, generated designs, collaboration, preview links, and export. Plans scale by 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 message

Design generation

22 credits per screen

Top ups

$6 per 1,000 credits

Default model: Gemini 3 Flash. Premium models cost more. Credits are refunded if an action fails.

FAQ

Common questions about dMaya

What is dMaya?

dMaya is an AI UI design canvas for vibe design. You describe a product in plain language, dMaya generates editable UI designs on a multi-screen canvas, and you keep refining them through chat until they are ready to share or export to code.

What does vibe design mean?

Vibe design is creating visual interface directions by describing the outcome you want instead of manually designing every element. dMaya uses the vibe design workflow for AI mockups, AI prototypes, product screens, and full web or mobile UI.

Do I need design experience to use dMaya?

No. dMaya is built for anyone who can describe what they want, including founders, operators, product people, marketers, designers, agencies, freelancers, and anyone exploring a visual idea.

Can clients view dMaya designs without creating an account?

Yes. dMaya preview links can be shared for review without forcing viewers to sign up, which makes feedback and approval faster.

Can I export dMaya designs to code?

Yes. dMaya exports approved designs as production-quality React and Tailwind code so you or your developer can continue in the framework and tools you prefer.

Give your next idea a shape.

No credit card required.