Skip to main content
This feature gives you direct access to your project’s underlying codebase. You can inspect files, make targeted edits, and troubleshoot issues without switching tools or exporting your project. Build Code Editor

​
What you can do

From the code editor view, you can:
  • Browse your full project file structure
  • Search across files and jump to specific components
  • Inspect and directly
  • Format code
  • Copy file content
  • Download files
  • Download the full project codebase as a ZIP
  • Reference files in chat to make targeted edits and discussions faster and clearer
Mention code files in chat.
Type @ or click the reference file in chat button in the code editor to mention specific files. For example:
@src/components/UserProfile.tsx add a loading state here

​
Good to know

  • Changes made here immediately affect your project
  • Code editing is available on paid plans only
  • This is intended for manual adjustments and is not required when building in Agent mode