AI UI design canvas

Welches AI UI Design soll dMaya für dich entwerfen?

Das AI UI Design Canvas für Vibe Design. Beschreibe einen Produkt-Screen. dMaya generiert deinen AI Mockup auf einem Canvas, du iterierst per Chat und exportierst als Code.

  1. 01

    Beschreiben

    Ein Screen, in einfacher Sprache.

  2. 02

    Generieren

    Claude Opus 4.7 entwirft dein Design.

  3. 03

    Plan wählen

    Wähle einen Plan, sobald das Design passt.

01Beschreiben

Tippe, was du willst. dMaya übernimmt von da.

Einfache Sprache reicht. Hänge ein Briefing, eine Marke, einen Inspirations-Screen oder ein bestehendes Produkt an. Lass dMaya ein Modell wählen oder wähle selbst eines aus.

  • Multi-Modell-Agent wählt das passende Modell für den Prompt
  • Alle großen Modelle in jedem Plan. Kein Lock-in auf einen Anbieter.
  • Verweise auf Screens und Dateien mit @-Mentions
  • Plan- und Research-Modus für komplexere Briefings

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

02Iterieren

Sieh, wie dMaya es in ein echtes Canvas verwandelt.

dMaya legt Screens nebeneinander, nicht in einem Chat-Thread. Verschieben, gruppieren, duplizieren, Varianten generieren, Paletten wechseln, von Desktop zu Mobile springen, ohne die Arbeit zu verlassen.

  • Multi-Screen Canvas mit Desktop- und Mobile-Frames
  • Komponenten und Design Tokens bleiben synchron
  • Inline-Bearbeitung per Agent oder von Hand

dmaya.ai / projects / studio-os

Screens

Search

4 screens

Dashboard
Mobile home
Settings
Reports

Dashboard

Mobile home

Settings

+1 more screen offscreen

03Ausliefern

Sende eine dMaya Preview, bevor der Code beginnt.

Jedes dMaya-Projekt hat einen teilbaren Preview-Link mit Device-Toggle, Screen-Navigation und Kommentaren, die am Design verankert bleiben. Exportiere die freigegebene Richtung anschließend als Code.

  • Preview funktioniert für Kunden ohne Account
  • Kommentare bleiben am Visual, nicht in einem Dokument
  • Design-to-Code Export, sobald die Richtung steht
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

Unter der Haube

Vibe design gebaut für die Art, wie Produktarbeit wirklich funktioniert.

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.

Bevor du dich entscheidest

Wir haben die Alternativen getestet.

Ehrliche Vergleiche zwischen dMaya und den Alternativen. Entscheide selbst, welches KI Tool zu deinem Workflow passt.

Head-to-head

dMaya vs Claude Design vs Google Stitch

Derselbe Prompt, drei Tools. Was jedes generiert hat, nebeneinander.

Zum Test

Vergleich

Claude Design vs dMaya

Claude Design ist chat-first. dMaya ist canvas-first. Wann nimmt man was.

Vergleich lesen

Vergleich

Google Stitch vs dMaya

Zwei AI Design Tools, zwei Philosophien. Welches passt zu deinem Workflow.

Vergleich lesen

Preise

Klein anfangen. Mitwachsen, wenn aus Erkundung Arbeit wird.

Jeder Plan enthält das Canvas, Agent-Chat, generierte Designs, Zusammenarbeit, Preview-Links und Export. Pläne skalieren über 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 pro Nachricht

Design-Generierung

22 Credits pro Screen

Top-ups

$6 pro 1.000 Credits

Standard-Modell: Claude Opus 4.7. Schnellere und günstigere Modelle stehen im Modell-Picker zur Verfügung. Credits werden zurückerstattet, wenn eine Aktion fehlschlägt.

FAQ

Häufige Fragen zu dMaya

Was ist dMaya?

dMaya ist ein AI UI Design Canvas für Vibe Design. Du beschreibst ein Produkt in einfacher Sprache, dMaya generiert editierbare UI-Designs auf einem Multi-Screen Canvas, und du verfeinerst sie per Chat, bis sie zum Teilen oder Code-Export bereit sind.

Was bedeutet Vibe Design?

Vibe Design ist das Erstellen visueller Interface-Richtungen, indem du das gewünschte Ergebnis beschreibst, statt jedes Element manuell zu entwerfen. dMaya nutzt den Vibe-Design-Workflow für AI Mockups, AI Prototypen, Produkt-Screens und vollständige Web- oder Mobile-UI.

Brauche ich Design-Erfahrung, um dMaya zu nutzen?

Nein. dMaya ist für alle gebaut, die beschreiben können, was sie wollen. Founder, Operators, Product-Leute, Marketers, Designer, Agenturen, Freelancer und alle, die eine visuelle Idee verfolgen.

Können Kunden dMaya-Designs ohne Account ansehen?

Ja. dMaya Preview-Links lassen sich teilen, ohne dass die Betrachter sich anmelden müssen. Feedback und Freigaben gehen so schneller.

Kann ich dMaya-Designs zu Code exportieren?

Ja. dMaya exportiert freigegebene Designs als produktionsreifen React- und Tailwind-Code, sodass du oder dein Entwickler im bevorzugten Framework und Tool-Stack weitermachen kann.

Gib deiner nächsten Idee eine Form.

See PlansCreate Account

Keine Kreditkarte erforderlich.