AI UI design canvas

Vilken AI UI design ska dMaya göra åt dig?

AI UI design canvas för vibe design. Beskriv en produktskärm. dMaya genererar din AI mockup på ett canvas, du itererar via chatt och exporterar till kod.

  1. 01

    Beskriv

    En skärm, på vanligt språk.

  2. 02

    Generera

    Claude Opus 4.7 skissar din design.

  3. 03

    Välj plan

    Välj en plan när designen sitter.

01Beskriv

Skriv vad du vill. dMaya tar det vidare.

Vanligt språk räcker. Lägg till en brief, ett varumärke, en inspirationsskärm eller en befintlig produkt. Låt dMaya välja modell eller välj själv.

  • Multi-modell-agent väljer rätt modell för prompten
  • Alla stora modeller i alla planer. Ingen lock-in på en leverantör.
  • Referera till skärmar och filer med @-mentions
  • Plan- och research-läge för tyngre briefer

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

02Iterera

Se hur dMaya gör det till ett riktigt canvas.

dMaya placerar skärmar sida vid sida, inte i en chat-tråd. Flytta, gruppera, duplicera, generera varianter, byt paletter, hoppa från desktop till mobile, allt utan att lämna arbetet.

  • Multi-screen canvas med desktop- och mobile-ramar
  • Komponenter och design tokens hålls synkade
  • Inline-redigering med agenten eller för hand

dmaya.ai / projects / studio-os

Screens

Search

4 screens

Dashboard
Mobile home
Settings
Reports

Dashboard

Mobile home

Settings

+1 more screen offscreen

03Leverera

Skicka en dMaya preview innan koden startar.

Varje dMaya-projekt har en delbar preview-länk med device-toggle, skärm-navigation och kommentarer förankrade i designen. Exportera den godkända riktningen som kod efteråt.

  • Preview fungerar för kunder utan konto
  • Kommentarer stannar på det visuella, inte i ett dokument
  • Design-to-code-export när riktningen sitter
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 huven

Vibe design byggt för hur produktarbete faktiskt går till.

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.

Innan du bestämmer dig

Vi har testat alternativen.

Ärliga jämförelser mellan dMaya och alternativen. Bestäm själv.

Priser

Starta smått. Skala när utforskning blir arbete.

Varje plan inkluderar canvas, agent-chatt, genererade designs, samarbete, preview-länkar och export. Planer skalar på 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 meddelande

Design-generering

22 credits per skärm

Top ups

$6 per 1 000 credits

Standardmodell: Claude Opus 4.7. Snabbare och billigare modeller finns i modellväljaren. Credits återbetalas om en åtgärd misslyckas.

FAQ

Vanliga frågor om dMaya

Vad är dMaya?

dMaya är ett AI UI design canvas för vibe design. Du beskriver en produkt på vanligt språk, dMaya genererar redigerbara UI-designs på ett multi-screen canvas, och du fortsätter förfina dem via chatt tills de är redo att delas eller exporteras till kod.

Vad betyder vibe design?

Vibe design är att skapa visuella gränssnitts-riktningar genom att beskriva önskat resultat istället för att designa varje element manuellt. dMaya använder vibe-design-arbetsflödet för AI mockups, AI prototyper, produktskärmar och fullständig web- eller mobile-UI.

Behöver jag designerfarenhet för att använda dMaya?

Nej. dMaya är byggt för alla som kan beskriva vad de vill ha. Founders, operators, produktfolk, marknadsförare, designers, byråer, frilansare och alla som utforskar en visuell idé.

Kan kunder se dMaya-designs utan konto?

Ja. dMaya preview-länkar kan delas för genomgång utan att betraktare måste registrera sig. Feedback och godkännanden går mycket snabbare.

Kan jag exportera dMaya-designs till kod?

Ja. dMaya exporterar godkända designs som produktionsfärdig React- och Tailwind-kod, så att du eller din utvecklare kan fortsätta i det ramverk och de verktyg ni föredrar.

Ge din nästa idé en form.

Inget kreditkort krävs.