Using ChatGPT images as a design guide for Cursor
A small project is split between two people: one handles the back end, and the other handles the . Letting Cursor create a full interface design from scratch did not produce good enough results.
A better workflow was to make an image of the desired screen in ChatGPT, save it inside the project folder, point Cursor to that design folder, and ask it to recreate the screen. Cursor matched the design well when it had the image as a clear .
The concern is whether this image-first workflow will still work as the app grows and needs more screens. The practical question is whether there is a better way to design screens with .
Key points
- Cursor’s design output was not good enough when it had to invent the full interface by itself.
- A ChatGPT-generated screen image gave Cursor a clearer target to copy.
- The image-first workflow worked well for the current screen.
- The approach may become harder to manage as the number of screens grows.
- Reusable and simple design rules can make the workflow more stable.