Controls

​

Chat

You chat with Create to build your app. Tell it what to build using text or images:

• You can paste imges into the chat

• Press cmd-enter (or ctrl-enter on Windows) to send messages

• Create uses your app’s code and chat history to generate updates

  • Paid plans get enhanced AI generations with more context

• When you select a specific element, messages update only that element

• When you select the project name in the Project Selector or the canvas, messages can modify multiple elements at once

​

Commands

• Type / in the chat to open the add-ons menu

• Choose integrations or create new elements

• Your selection appears as a special chip in chat

• Send your message to apply the command

​

Controls

Key controls in the top navigation from left to right:

• Logo Menu: Create new elements (Pages, Components, Functions, etc.)
• Project Selector: Rename the project/element, jump between different elements in your project, change the generation level
• Modes: Toggle between Demo, Select, and Code modes
• Views: Switch between Canvas and Focused views
• Responsive: Test responsive design (Desktop/Mobile)
• Privacy: Control access and team settings
• Invite: Add collaborators to your project
• Publish: Launch your app live

​

Logo Menu

Create new elements (Pages, Components, Functions, etc.)

​

Project Selector

Rename the project/element, jump between different elements in your project, change the generation level

​

3 Dot Menu

Access element specific settings

​

Mode Switcher

Toggle between Demo, Select, and Code modes

​

View Switcher

Choose between Canvas and Focused views

​

Responsive Preview

Test responsive design (Desktop/Mobile)

​

Privacy

Control community visibility

​

Invite

Add team members to your project

​

Publish

Launch your app and set domain. Remember to re-publish after changes to go live.

​

Generations

Control the scope of Create’s changes by selecting different elements:

• Project:

  • Select the project name in Project Selector or tap the canvas
  • Create’s chat can modify multiple elements at once
  • Can add new Pages, Components, Functions as needed
  • Best for building features that span elements

• Element:

  • Select a specific element name in the Project Selector or tap it on the canvas
  • Create’s chat modifies just that element
  • Changes confined to just that Page, Component, or Function
  • Best for focused updates and refinements to each element

​

Modes

Switch between three modes as you build:

• Demo: Test your app
• Select: Select elements for specific updates
• Code: View and edit code

​

Demo

Test your app as users will experience it:

• Fill forms and trigger interactions
• See real-time integration updates
• Perfect for testing flows and debugging

​

Select

Make updates to specific elements:

• Tap elements to make updates
• Create reusable components
• Add links between pages
• Modify properties and styling with direct commands

​

Code

View and edit code directly:

• Make precise adjustments
• Add custom logic
• Export the code as a React/Next.js project

​

Views

Toggle between two views using the collapse icon:

​

Canvas

See multiple elements on an infinite canvas:

• Get a bird’s eye view of your project
• Drag and arrange elements freely
• Generate across the project

​

Focused

Work one element at a time:

• Fix the element’s position, which helps you test scroll
• Switch elements using Project Selector

​

Version History

Keep track of changes and revert to previous versions:

• Chat:
  • Tap on previous versions in the chat to jump back
  • Hit ‘Restore’ to make it the current version

• Version Timeline:
  • Tap the clock icon in the top left to see all versions
  • Published versions are labeled
  • Restore any version

​

Elements

When you select an element in Select mode:

• Duplicate, Preview, or Delete from the drop down menu in the top left corner in Canvas view

• Move elements by dragging from their title

• See quick actions appear in the chat

​

Projects

Rename, Duplicate or Delete projects from the dashboard (create.xyz/dashboard)