Builder Overview
Learn about the Draftbit App Builder
The Draftbit Builder is your workspace for turning app concepts into reality, offering a comprehensive visual development environment that lets you build and publish to multiple platforms without needing to write code (but you can if you want 😉).
To learn more about the different Builder views, follow the links below.
Main Menu
Section titled “Main Menu”You can access the different areas of the Builder from the Main Menu in the top of the left bar of the Builder.
| Icon | Action | Description |
|---|---|---|
 | Design | Visually design and build your app with AI |
 | Code | Edit your code directly using the built-in editor |
 | Preview | Test and preview your application as you build |
 | Assets | Cloud storage for your images, video, audio and other media files |
 | Publishing | Manage app publishing and deployments to web, iOS, and Android |
 | Integrations | Manage third-party service integrations for your app |
 | Environments | Manage environment-specific configurations and variables |
 | Logs | View application logs and debug build/runtime errors |
 | Agent Config | Manage agent defaults, provider keys, saved prompts, and instructions |
 | Themes | Customize shared theme colors and typography for your app |
 | History | View project activity history and rollback changes |
 | Settings | Configure project-level settings like notifications and team membership |
Support Menu
Section titled “Support Menu”In the bottom of the left bar of the Builder you’ll find links to helpful resources to keep you productive.
| Icon | Action | Description |
|---|---|---|
 | Updates | View the latest product updates |
 | Roadmap | View and contribute to the platform roadmap |
 | Community | Ask questions and connect with other builders |
 | Docs | Learn about building apps using Draftbit |
 | Videos | Watch video tutorials, office hours, and more |
 | Dark/Light Mode | Switch between a dark and light Builder UI |
Top Bar
Section titled “Top Bar”The Top Bar runs across the top of the Builder and contains the actions you reach for most often:
- Save / Save History — Save and roll back changes. See Saving Changes.
- Live Preview — Open the QR-code launcher to preview the running app on a real iOS or Android device using the Draftbit Preview app.
- Native Builds — Create native development builds for iOS and Android.
- Publish — Open the publish popover with Progressive Web App, Apple App Store, Google Play Store, and Share options. See Publishing.
- Export — Download a zip of your codebase.
- Billing — Check your remaining credit balance and top up.
- Collaborator avatars — Live presence indicators for everyone currently viewing or editing the project.
- Get Help — Open the in-app support chat.