Creating a project

  1. To create a new project, visit Tempolabs.ai and describe what you want to build in the input field.
  2. After entering your description, click on the Generate button.
  3. This will take you to the generation page, where Tempo Labs will create a requirements document and corresponding wireframes.
  4. Once generation is complete, you’ll see a prompt to open the editor, where you can review and refine your project.

Note: The first generation may take longer as the system sets up your environment and generates all components. Subsequent edits and updates will be significantly faster.

Making Improvements

To enhance your project, open the project editor and request changes through the chat feature.

The AI may occasionally make mistakes, such as generating code with errors. If this happens, don’t worry! You can click the Fix with AI button to resolve these issues in most cases. If the button isn’t visible, you can paste the error message into the chat to guide the AI toward a solution.

Do you prefer direct edits? Click the code tab to access the code editor and make modifications manually. Additionally, you can push the code to GitHub for further customization.

Reverting changes

If you aren’t satisfied with a change made by the AI, you can revert your project to a previous state.

Use CTRL+Z (Windows) or Command+Z (Mac) to undo the last change. This provides an easy way to go back to the most recent version of your work.

Deploying your project

Once you’re satisfied with your project, you can deploy it directly from the Tempo Labs interface. For a full deployment guide see Deploy and Share.

Browse Project Files and Assets

You can view project files on Github or you can navigate to the file selector on the left hand side of the canvas.

The assets tab is also useful to reuse elements across your project.