Create builder interface showing the main canvas, chat, and key controls

​
Getting started

You chat with Create to build your app. Tell it what to build using text or images (paste them in).

Speed up with keyboard shortcuts:

  • Press cmd-enter (or ctrl-enter on Windows) to send messages
  • Use / commands to add Integrations or create new elements

Create projects can contain multiple elements to build end to end apps:

When you start a new project, you begin on a single page.

​
Making improvements

Iterate on your app by sending instructional messages to the assistant. Create updates your app based on your input and the current state of the project.

  • Be specific and succinct
  • Callout defined areas to the builder if you want specific edits to a certain element or page
  • Review our prompting guide

​
Discussion Mode

Put the builder into discussion mode to get input, feedback and best practices information directly from the AI.

While in discussion mode the builder is intentionally unable to make changes to your project

  • Ask questions of the builder and it will suggest options to you
  • Inquire about functionality or mobile compatibility of certain pages
  • Turn off Discussion Mode to then give instructions that will execute edits and changes

​
Deep Thinking Mode

With increased AI resources applied, the AI agent will work to help you investigate and research questions or commands in this mode. Think of it like hiring an expert to approach a query when you’re not just trying to instruct an edit but rather discuss strategy, improvements or business goals for your application.

  • Ask about improvements for your app or site:
    • “How can I make this site more appealing to investors in x space?”
    • “What key features am I missing?”
    • “What are leaders in x space offering to free users?”

​
Generations

When you send a message, Create uses your message, message history, and the app’s code history to generate the code for a new version.

When generating, you’ll see the code stream or a building icon. When it’s done, you can play with the app in Demo mode.

Pro members get better generations - Create uses more history and context to make smarter changes.

Read our guide to prompting to learn how to write clear messages that get the results you want.

​
Version history

As you chat with Create, it saves your version history automatically.

You can:

  • Tap on previous versions in the chat to view them
  • Restore any previous version as the current version use the revert button

View your complete version history with the dropdown menu from the upper left of your dashboard or access it via cmd + option + shift + h

​
View Modes: Demo, Code, and Preview

By default we will always show you the build in demo mode. You can quickly switch between different modes to work on your app. Learn more about controls:

  • Demo mode: the default view, work and test your application while building it right
  • Code mode: View and edit the underlying code
  • Preview: A live preview sandbox to view your site as a public user and test functions, authentication, payment systems and more.

​
Creating new pages, elements and functionality:

Add new elements to your project through direct instructions to the builder:

  • Chatting with the builder about what you need next, such as “Create a new page to handle blog posts” or “Add user accounts to support logins for paid members”
  • Use ”/” to setup Integrations, or Upload Assets

​
Stopping the builder

  • If you see a generation making changes you don’t want or for any reason want to stop a request from being completed, you can quickly click the stop icon in the builder chat

​
Refresh your preview

Not seeing a change that was just implemented? Give the demo mode a quick kick with our refresh button in the upper toolbar :)

​
Project Settings

Control important project specific settings including assets, secret keys, custom instructions, generation settings, authentication providers, branding, social share, mobile app settings and more.

  • Assets - upload images to reference and use in your project repeatedly
  • Custom Instructions - shape the way the builder interacts with you and your project. This is an advanced feature not generally required for daily use. See community examples of Custom Instructions here.
  • Generation Settings - Pro users can decide which LLM they would like to have their builder use
  • Saved Secrets - API keys stored in the project for integrations
  • Providers - Authentication options for user account features, more info here.
  • Branding and Icons - mobile app specific resources (more coming soon)
  • Social Share - Choose a title and description that appears in search engine results and on social media when shared

​
Go Live

While editing your project you do not have to click Publish to see edits, you can view them in demo mode or the preview option from our top level navigation at anytime. Only publish when ready to share with external parties or take your application live for use by the public.

When you’re ready to launch your app, tap the Publish button in the top right. Learn more about Publishing.