AI UI design canvas

איזה AI UI design תרצה ש-dMaya יעצב לך?

ה-AI UI design canvas ל-vibe design. תאר מסך מוצר, dMaya מייצרת AI mockup על קנבס, אתה משפר בצ'אט ומייצא לקוד.

  1. 01

    תאר

    מסך אחד, בשפה פשוטה.

  2. 02

    צור

    Claude Opus 4.7 מצייר לך את העיצוב.

  3. 03

    בחר תוכנית

    בחר תוכנית כשהעיצוב מדויק.

01תאר

הקלד מה אתה רוצה. dMaya לוקחת משם.

שפה פשוטה מספיקה. צרף brief, מותג, מסך השראה או מוצר קיים. תן ל-dMaya לבחור מודל או בחר בעצמך.

  • Multi-model agent בוחר את המודל המתאים לפרומפט
  • כל המודלים הגדולים בכל תוכנית. בלי lock-in לספק יחיד.
  • הפנה למסכים ולקבצים עם @-mentions
  • מצבי Plan ו-research לבריפים מורכבים

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

02שפר

תראה איך dMaya הופכת את זה לקנבס אמיתי.

dMaya פורסת מסכים זה לצד זה, לא בתוך שרשור צ'אט. הזז, קבץ, שכפל, צור וריאציות, החלף פלטות, עבור מ-desktop ל-mobile, הכל מבלי לעזוב את העבודה.

  • Multi-screen canvas עם מסגרות desktop ו-mobile
  • Components ו-design tokens נשארים מסונכרנים
  • עריכה inline עם הסוכן או ידנית

dmaya.ai / projects / studio-os

Screens

Search

4 screens

Dashboard
Mobile home
Settings
Reports

Dashboard

Mobile home

Settings

+1 more screen offscreen

03שלח

שלח dMaya preview לפני שהקוד מתחיל.

לכל פרויקט dMaya יש preview link שניתן לשתף, עם device toggle, ניווט בין מסכים והערות מעוגנות לעיצוב. אחר כך, ייצא את הכיוון המאושר כקוד.

  • Preview עובד ללקוחות בלי חשבון
  • הערות נשארות על העיצוב, לא במסמך נפרד
  • ייצוא design-to-code כשהכיוון סגור
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

מתחת למכסה המנוע

Vibe design בנוי לאופן שבו עבודת מוצר באמת קורית.

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.

לפני שתחליט

בדקנו את החלופות.

השוואות הוגנות בין dMaya לחלופות. תחליט בעצמך.

מחירים

התחל בקטן. תגדל כשגישוש הופך לעבודה.

כל תוכנית כוללת את הקנבס, agent chat, עיצובים מבוססי AI, שיתוף פעולה, preview links וייצוא. תוכניות משתנות בכמות קרדיטים.

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 קרדיטים להודעה

יצירת עיצוב

22 קרדיטים למסך

Top ups

$6 ל-1,000 קרדיטים

מודל ברירת מחדל: Claude Opus 4.7. מודלים מהירים וזולים יותר זמינים בבורר המודלים. קרדיטים מוחזרים אם פעולה נכשלת.

FAQ

שאלות נפוצות על dMaya

מה זה dMaya?

dMaya היא AI UI design canvas ל-vibe design. אתה מתאר מוצר בשפה פשוטה, dMaya מייצרת עיצובי UI ניתנים לעריכה על multi-screen canvas, ואתה ממשיך לשפר אותם בצ'אט עד שהם מוכנים לשיתוף או ייצוא לקוד.

מה זה vibe design?

Vibe design זה יצירת כיווני ממשק ויזואליים על ידי תיאור התוצאה הרצויה במקום לעצב כל אלמנט ידנית. dMaya משתמשת ב-vibe design workflow ל-AI mockups, AI prototypes, מסכי מוצר ו-UI מלא לאתרים או למובייל.

האם אני צריך ניסיון בעיצוב כדי להשתמש ב-dMaya?

לא. dMaya בנויה לכל מי שיכול לתאר מה הוא רוצה. founders, operators, אנשי מוצר, אנשי שיווק, מעצבים, סוכנויות, פרילנסרים, וכל מי שחוקר רעיון ויזואלי.

האם לקוחות יכולים לצפות בעיצובי dMaya בלי חשבון?

כן. ניתן לשתף preview links של dMaya לסקירה בלי שהצופים יצטרכו להירשם. משוב ואישורים זזים הרבה יותר מהר.

האם ניתן לייצא עיצובי dMaya לקוד?

כן. dMaya מייצאת עיצובים מאושרים כקוד React ו-Tailwind ברמת production, כך שאתה או המפתח שלך יכולים להמשיך ב-framework ובכלים המועדפים עליכם.

תן לרעיון הבא שלך צורה.

לא נדרש כרטיס אשראי.