Studio
Describe your app idea and get a fully connected multi-screen prototype, wired navigation, consistent design across all screens, ready to preview on your phone.
What Studio generates
Studio produces a complete multi-screen app in a single generation:
- 3–5 screens tailored to your app idea
- Navigation wired between all screens, no manual setup
- Consistent design system across every screen
- Realistic data so every screen looks live
- A downloadable project that opens and runs immediately
How to write a Studio prompt
Describe the app as you would explain it to a designer, the purpose, the core user flow, and the visual style. Studio figures out which screens to generate.
Example
"A habit tracking app with a home screen showing today's habits with progress rings, a habit detail screen with a 30-day streak calendar, a stats screen with weekly charts, and an add-habit screen. Clean, minimal white design."
You can also attach a reference image, a screenshot or wireframe, and Studio will match the visual style. See Writing effective prompts for more tips.
Iterating after generation
After generation, send follow-up messages to refine any screen. Each follow-up updates the parts you reference while keeping everything else consistent:
- Redesign a specific screen, "make the Stats screen darker with a dark navy background"
- Add a screen, "add a Settings screen with profile, notifications, and theme toggles"
- Adjust navigation, "add a bottom tab bar instead of a stack navigator"
- Change the palette, "change the accent from green to coral across all screens"
Downloading the project
When the app is ready, download it as a complete project, everything needed to open and run it is included. A readme explains what's inside and how to get started.
Downloading requires an active Studio plan ($29/month). The downloaded project is yours to keep, modify, and build on, see Ownership & licensing.
How long does generation take?
A Studio generation typically takes 4–5 minutes. Stay on the browser tab while it runs to avoid network interruptions, especially on mobile.
Credits
Studio uses credits per generation. If a generation doesn't complete successfully, no credit is deducted. If a credit was charged for an incomplete generation, reach out to support@rnblocks.dev and it will be refunded.
New accounts receive 50 free credits to try Studio before subscribing. See Plans & billing for full details.
Frequently asked questions
How many screens does Studio generate?
3–5 screens per flow, depending on the complexity of the app you describe. More complex ideas tend to produce more screens.
Can I add more screens after generation?
Yes. Send a follow-up message asking Studio to add a new screen, describe what it should show and it will be added with consistent navigation and styling.
Can I use Studio on the free plan?
Your 50 signup credits let you try Studio before subscribing. Once those are gone, Studio requires the Studio plan ($29/month).
What is the difference between Studio and Playground?
Playground generates one screen at a time. Studio generates a complete multi-screen app with wired navigation and a downloadable project. See Playground for a comparison.