Design with AI

Design with AI

🐴 How I created UI with ChatGPT's new image generator (4o)

Prompts, walkthroughs, and surprises

Xinran Ma's avatar
Xinran Ma
Mar 31, 2025
∙ Paid
127
28
16
Share

Is it even possible for ChatGPT to generate UI?

I tested that several times before, but the results were very disappointing.

Below is an example I shared in a newsletter two months ago.

It looked too cartoonish to be usable.

High-fidelity wireframe designs for a desktop view of a question generator tool, presented as three distinct layouts: 1) A two-panel layout with the left panel showing editing options (survey title input, research goal selector, editable questions) and the right panel displaying a live survey preview in real-time. 2) A single-column layout with stacked vertical sections: survey title input at the top, research goal selector below, and an editable list of generated questions. A fixed actions bar at the bottom provides Save, Preview, and Export options, with a modal preview appearing when triggered. 3) A card-based modular layout with navigation on top, a survey overview card for title and goal selection, followed by individual question cards arranged in a grid, each card offering edit, duplicate, and reorder options. A sticky actions panel provides Save, Preview, and Export features, with an interactive slide-out preview for each card. Modern and minimalistic design.
Generated via ChatGPT before the upgrade

However, last week, OpenAI rolled out a major update, so I decided to try it again.

I was able …

Keep reading with a 7-day free trial

Subscribe to Design with AI to keep reading this post and get 7 days of free access to the full post archives.

Already a paid subscriber? Sign in
© 2025 Xinran Ma
Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture