Essentials
Quickstart for Create
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
(orctrl-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:
-
Pages for your app’s screens
-
Components for reusable UI pieces
-
Functions for backend logic and external API calls
-
Databases to store information
-
User Accounts for authentication and users
-
and more
When you start a new project, you begin on a single page.
Don’t want to start from scratch? Try a Template. Create’s assistant will walk you through customizing the elements of the app.
Making improvements
Iterate on your app by sending more messages to the assistant. Create updates your app based on your instructions and the current state of the project.
You can change what level of detail you want to work on:
-
When you select a specific element, messages update only that element
-
When you select the canvas, messages can modify multiple elements at once
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.
Project-wide vs Single Element
You can generate changes at two levels:
Project-wide generation
-
Tap the project name in Project Selector or tap on canvas
-
Messages apply to entire project
-
Create can edit across multiple elements
-
Create can add new Pages, Components, Functions
-
Good for:
-
Building many elements quickly
-
Maintaining consistent styles
-
Features that span elements (navigation, databases)
-
Single element generation
-
Tap element name in Project Selector or select element on canvas
-
Messages only update that specific element
-
Good for:
-
Making targeted changes with more control
-
Refining specific features
-
Debugging
-
Switch between project and element level as needed. Start broad with project-wide changes, then drill down to specific elements for fine-tuning.
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
Demo vs. Select vs. Code
You can quickly switch between different modes to work on your app. Learn more about controls:
-
Demo mode: Try out your app’s functionality
-
Select mode: Tap elements to make specific updates, create components, or add links
-
Code mode: View and edit the underlying code
Creating new Elements
Add new elements to your project through:
-
Tapping the Logo Menu in the top left. From here make new Pages, Components, Functions.
-
/
commands in the chat. See our guide on integrations
Canvas vs. Focused View
Toggle between two workspace views using the collapse icon:
-
Canvas: See multiple elements at once laid out on an infinite canvas
-
Focused: See a single element at a time. Focused mode can help to test updates that impact scroll.
Go Live
When you’re ready to launch your app, tap the Publish button in the top right. Learn more about Publishing.
Was this page helpful?