Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

⏰ Estimated time: 5 minutes · Follows from Build your first app The Canvas is a visual space where you can explore multiple design directions before building your app. Generate mockups, compare them side by side, and apply the one you like.

​
Before you begin

You’ll need an existing app on Replit — from the Build your first app quickstart or any project.
You can also start fresh — just create a new project and describe your idea to Agent first.

​
Design your app

1

Explore design variations

Open the Canvas tab in the Project Editor, then click Reimagine. A dropdown gives you quick prompts to explore different directions. Pick “Try different layouts” and Agent generates multiple design mockups on the Canvas.
Here are all the options available:
  • Explore different approaches
  • Try different layouts
  • Explore different vibes
  • More like this, but better
  • Optimize for usability
  • Show me the opposite of this
  • Surprise me
Or, you can simply ask Agent to generate variations in your own words:
Show me a dark theme, a minimal theme, and a colorful theme on the Canvas
Canvas showing multiple design variations side by side
2

Pick a direction

Browse the variations and choose the one that fits your vision. You can ask Agent to refine a specific variation before committing:
I like the second one, but make the header bigger
3

Apply to your app

Once you’re happy with a design, ask Agent to apply it:
Apply this design to my app
Agent updates your app’s code to match the chosen design. Check the Preview tab to see the result.
4

Publish your updated app (optional)

Click Publish in the Project Editor to push the new design live. Your existing URL stays the same. Visitors will see the updated version immediately.
Learn more about publishing in Publish your app.

​
Next steps

Canvas

Deep dive into Canvas features and workflows.

Visual Editor

Make fine-grained tweaks to colors, text, and layout.

Expand your project

Add a mobile app, slide deck, or other artifacts to your project.