Core Features
Code Export

Exporting Code

Export your components, pages, and complete designs as production-ready React code.

Pro Feature

Code export and the ability to open projects in Cursor & IDEs is available on Pro plans.

How to export:

  1. Click the "Code" tab in the right side panel of your component
  2. Review the generated code
  3. Click the "Download" button to get a ZIP file
Viewing and exporting component code
Click the Code tab to view and download your component code

What's included:

  • •Clean, production-ready React code for components, pages, or full applications
  • •TypeScript support
  • •Tailwind CSS classes (compatible with your existing setup)
  • •All necessary dependencies listed

Export with Cursor:

After clicking "Open in Cursor", you'll receive an npm command. Run this command in your terminal and follow the instructions to open your design in Cursor for further edits and development.

Tip: This integration allows you to seamlessly continue working on your design in your local development environment with full IDE support.

Next Sketchpad