Skip to main content

Overview

An overview of the Craftapp Studio and the core parts that make up your application.

Craftapp Studio is a unified workspace where you can describe, build, preview, edit, and deploy your application—all from a single interface.
Every project lives inside the Studio and evolves through continuous interaction with the AI.

Build with conversation​

At the heart of Craftapp Studio is AI-driven conversation.

You start by describing what you want to build, and Craftapp translates your instructions into:

  • Application pages and layouts
  • Reusable UI components
  • Backend logic and workflows
  • Data models and connections

All changes are driven by prompts and applied directly to your existing project—no manual setup or boilerplate required.

Tip

Start with a clear 1–3 sentence summary of your feature. Be specific about what you want to build, including any key requirements or behaviors, as this helps generate the right structure and features.

Live preview and simulation​

As soon as generation starts, Craftapp Studio provides real-time visual feedback.

The central workspace acts as a browser simulator, allowing you to:

  • Preview your application as a web app
  • Switch between web and mobile views
  • Navigate pages using built-in browser controls
  • Refresh and re-load the app as changes are applied

This makes it easy to validate layouts, flows, and behavior without leaving the Studio.

Studio navigation and modes​

The top navigation bar lets you move between different working modes at any time:

  • Web Preview – View your application in a simulated browser
  • Mobile Preview – Test responsive and mobile layouts
  • Tasks – Track AI-generated tasks and feature progress
  • Code Editor – Inspect and edit the underlying source code
  • Database – Manage data models and stored records
  • Settings – Configure app info, design, assets, secrets, and access
  • Generate APK – Prepare mobile application builds
  • Add to Market – Publish templates or apps to the marketplace
  • Deploy – Configure and launch your application
  • Contact Support – Report an issue or ask for help
  • Share Project – Link for others

You can switch between these modes without losing context or progress.

Template detail and preview page

Studio Navigation allows you to navigate between different parts of the Studio Command Center.
Note

Changes made in Edit or Code mode are reflected immediately in Preview mode, enabling fast iteration and validation.

One studio, end-to-end​

Craftapp Studio supports the full application lifecycle:

Describe → Build → Preview → Edit → Iterate → Deploy

All within a single interface, powered by AI and designed to scale from simple websites to complex full-stack systems.