Guides: Image to Code

Navigate to ocode.dev and Create a free account

1. Click on New Project

2. Enter your project name

3. Click on Create Project

4. Click on 'Open in Builder'

5. This is the interface where you can chat with the AI and ask to generate codes. Now, Choose an Image

6. Provide additional instructions like "Clone the UI"

7. Click on Generate Code…

8. Here you go! Your Image now has been converted to React Code, and can be seen on the 'Preview' tab.

9. Clicking on 'Codes' tab or Pressing Ctrl + K can let you go through the generated code.