Using Image to Code

Have a design you want to turn into code? Upload an image and let AI do the work.

Supported Formats

• PNG, JPEG, JPG, WebP
• Maximum size: 20MB
• Maximum dimensions: 7500 × 7500 pixels

How to Use

1. Click the image attachment button in the prompt area
2. Upload your design — screenshot, mockup, or sketch
3. Add a description
   Example: "Convert this design to a responsive React page using Tailwind CSS"
4. Click Generate
5. AI analyzes the image and creates matching code

Tips for Best Results

• Clear images — High-contrast, well-lit screenshots work best
• Crop wisely — Focus on the relevant UI area
• Higher resolution — Better results with detailed images
• Add context — Describe any specific requirements in text