Studio
Studio is the in-dashboard AI app builder — and the default mode for every project. Open a project and /projects/{id} redirects straight to /studio. Describe what you want in a chat, watch it come together in a live preview, and publish — all without leaving the dashboard or wiring up an IDE.
No setup needed
Studio is where every project opens. There's nothing to install or configure — just start describing your app.
What's in Studio
Studio brings the whole build loop into one screen:
Chat builder
Describe features in plain language. The AI creates tables, endpoints, workflows, and UI for you.
Live preview
See your app render as it's built. Changes show up instantly — no separate dev server.
Code workspace
Inspect and edit the generated code directly when you want fine control (dev mode, Pro).
Plan editor
Review and tweak the AI's build plan before it executes, so big changes go the way you intend.
Publish panel
Ship your app to a live URL — a *.dypai.app subdomain on Free, or a custom domain on Pro.
Versions & rollback
Every change is versioned. Roll back to a previous state in one click if something goes sideways.
The no-IDE path
You don't need to be a developer to build with Studio. Tell it what you want in everyday words:
- "A booking app for my hair salon with appointments and SMS reminders"
- "A dashboard where my team can track customer support tickets"
- "A landing page with a waitlist form that emails me each signup"
Studio creates the backend (database, auth, endpoints) and a working frontend, shows you the result in the live preview, and lets you keep refining by chatting. This is the recommended path for non-technical creators.
How building consumes AI Credits
Each time Studio builds or edits your app, it spends AI Credits, scaled by the size of the task. A small tweak costs little; a big feature costs more.
Your apps stay live regardless of balance
Credits meter AI build/edit work — they never gate your running apps. If you run out, your deployed app keeps serving traffic; you just can't make new AI edits until your balance refreshes. Free plans get +5 credits/day; Pro includes 100/month. Learn more about AI Credits.
AI privacy in Studio
Studio uses HeroMate-managed AI services to generate and edit your project's code. OpenRouter routes each request among providers that can serve the selected model. HeroMate currently prioritizes model availability and does not promise a universal no-training or zero-retention restriction. Providers may retain or use inputs and outputs under their own terms.
BYOK credentials configured for your app's agent nodes are separate: Studio does not use those credentials to power the builder. Requests from those agents follow the terms of the provider you selected.
Studio vs. IDE + MCP
Both build the same backend — pick the surface that fits how you work:
Use Studio when…
You want zero setup, a visual preview, and to build by chatting. Ideal for non-technical creators and quick iteration.
Use IDE + MCP when…
You live in Cursor, Claude Code, Codex, Windsurf, or Antigravity and want your editor, version control, and local files in the loop.
You can switch freely — a project built in Studio is the same project you can later edit from your IDE via MCP, and vice versa.
Dev mode (edit code) Pro
Studio's code workspace lets you read and edit the generated code directly — handy when you want to fine-tune something the AI produced. Editing code in dev mode is a Pro feature; on Free, you build entirely through the chat builder and live preview.