I Asked Chatgpt Images 2.0 To Redesign My App Uis - And Wow

1 day ago

Can ChatGPT Images 2.0 amended your product's personification interface?

Follow ZDNET: Add america arsenic a preferred source on Google.

ZDNET's cardinal takeaways

I tested ChatGPT Images 2.0 connected 2 progressive merchandise UIs.
The AI recovered creation issues and suggested applicable fixes.
For solo developers, AI creation reappraisal could beryllium a large deal.

For nan past week aliases so, I've been exploring nan depths of OpenAI's caller ChatGPT Images 2.0 release. This is simply a overmuch much consequential merchandise than it first appears.

We've each been impressed pinch AI image generators. These devices make beautiful pictures and tin do immoderate fun tricks. They tin besides nutrient a batch of AI slop. But, truthful far, they've been constricted successful their knowing of what they're producing.

Also: 7 AI coding techniques I usage to vessel real, reliable products - fast

Images 2.0 adds subject-matter intelligence to image generation. This capacity intends ChatGPT tin person assignments and nutrient high-value outputs.

In this article, we're going to look astatine 1 specified type of assignment, updating a personification interface. Previously, coding agents could return a changeable astatine cleaning up a UI constituent present and there. The chatbots could make text-based recommendations connected what needed fixing. But they couldn't do nan afloat design.

Now, they can. I fed 2 UI designs I'm actively moving connected into ChatGPT Images 2.0 connected my $20/month ChatGPT Plus plan. In a fewer short minutes, ChatGPT returned 2 redesigned personification interfaces, some of which resulted successful a full bunch of creation improvements I scheme to incorporated into my products.

Here are 4 caller articles that will bring you up to velocity connected what I've already recovered pinch this caller tool:

I sewage an early look astatine ChatGPT Images 2.0, and it's awesome - pinch 1 exception
I tried ChatGPT Images 2.0: A fun, immense leap - and amazingly useful for existent work
I tested ChatGPT Images 2.0 vs. Gemini Nano Banana to spot which is amended - this exemplary wins
I put GPT-5.5 done a 10-round test: It scored 93/100, losing points only for exuberance

I often usage my non-ZDNET activity arsenic task fodder for ZDNET find articles. I effort to debar sharing merchandise names and links because I don't want immoderate conflict of interest. But successful this article, it's basal to show nan merchandise names. The names are portion of nan existing UI creation that I've asked nan AI to activity on. If I pulled them out, it wouldn't make arsenic overmuch sense. I'll proceed to debar linking to nan products themselves.

Also: I sewage 4 years of merchandise improvement done successful 4 days for $200, and I'm still stunned

Let's get started.

Mac interface creation

For this challenge, I had 2 interfaces I wanted to tally by nan AI.

Also: I utilized Claude Code to vibe codification a Mac app successful 8 hours, but it was much activity than magic

The first 1 is simply a Mac app I've been vibe coding pinch Claude Code since January. This task is taking a while because I only person an hr aliases 2 a week to activity connected it, and it uses MacOS's soul AI for image processing and analysis.

Here's nan creation arsenic it exists successful my app correct now. A batch is happening here. I'm peculiarly invested successful nan large buttons connected nan left, because they bespeak nan marque colors for my wife's e-commerce business. They besides construe really good to nan iPhone app:

I uploaded that screenshot to ChatGPT and fed it nan prompt, "Redesign this personification interface to make it much charismatic and easier to use." Here's what ChatGPT Images 2.0 created:

At first, I didn't for illustration nan alterations. The astir evident alteration was nan nonaccomplishment of nan colored buttons. But nan AI besides didn't rather understand that location are viewing options astatine nan bottommost of nan grid view.

Also: How AI has abruptly go overmuch much useful to open-source developers

On nan different hand, look astatine those reddish squares. Those are nan areas from nan caller mockup I really like, and scheme to incorporated into my UI:

The group of actions connected nan little near were icons connected nan iPhone app, but look acold amended pinch nan UI presented by nan AI.
Likewise, nan AI added a overmuch clearer header area astatine nan apical of nan grid view, arsenic shown successful nan apical mediate reddish box.
The AI besides dispersed retired nan shape thumbnails, giving them much breathing room to make nan action container clear and attractive, arsenic shown successful nan little reddish container successful nan middle.
The AI added a favorites action that I haven't wired in, but really like.
Finally, I for illustration nan thought of a persistent Added/Updated section astatine nan bottommost of nan item view.

My large takeaway from this workout is those 5 caller creation notes I scheme to incorporated into my product. I'm not redesigning nan full app to bespeak nan suggested UI. However, nan image included immoderate awesome ideas.

Plus, having a mockup for illustration this will make it overmuch easier to show Claude Code what I'd for illustration it to do. This workout is simply a awesome illustration of utilizing nan $20/month ChatGPT Plus scheme and nan $100/month Claude Code Max 5x plan to build amended software.

Web interface creation

Next up is nan UI for nan starting page for my information product. My creation is cleanable but rather rudimentary, mostly reflecting nan truth that I dislike coding successful CSS.

Also: I did 24 days of coding successful 12 hours pinch a $20 AI instrumentality - but there's 1 large pitfall

Last fall, successful my first agent-based vibe coding task ever, I utilized OpenAI's Codex successful my ChatGPT Plus scheme (which ran retired of AI allotment rather fast) to redesign nan UI from reasonably disfigured to unobjectionable. Here's nan consequence of that first walk past fall. I did nan design, telling Codex wherever and really to laic retired nan CSS:

The results from my testing this week were interesting. I pasted nan screenshot into ChatGPT, but accidentally deed return earlier I could springiness it a prompt. ChatGPT decided connected its ain to analyse nan page, deducing that "The biggest issues are anemic ocular hierarchy, excessively overmuch gray, a very agelong intro block, and 3 little cards that compete arsenic for attraction moreover though they are not arsenic important."

It besides recommended a "more modern admin aesthetic," including:

White paper backgrounds alternatively of ample grey panels.
Softer borders.
More spacing betwixt sections.
One beardown accent color, utilized consistently for buttons, links, and progressive states.
Shorter statement lengths for assemblage text.
Better opposition betwixt headings, subheads, and assemblage copy.

Also: Claude Code made an astonishing $1B successful 6 months - and my ain AI-coded iPhone app shows why

At this point, I decided to prosecute Images 2.0 and instructed, "Provide maine an image of nan redefined interface." Here's what nan AI produced:

This output besides provides immoderate creation notes I tin spell backmost to Codex with. I usage OpenAI's Codex pinch nan web merchandise and Claude Code pinch nan Mac product, chiefly to springiness maine acquisition pinch nan 2 agentic coding devices truthful I tin constitute astir them. If I didn't person penning present arsenic my superior goal, I'd take 1 instrumentality aliases nan other. I've recovered some to beryllium arsenic helpful.

Also: How Claude Code's caller car mode prevents AI coding disasters - without slowing you down

ChatGPT Images 2.0 decided to invent a logo (mostly because I hadn't provided it pinch 1 successful my first image). The AI added respective features I liked.

First, I really liked nan wide creation artistic it recommended. It mightiness beryllium a batch of activity to propagate that done nan remainder of nan merchandise (it's a elephantine product), but I did for illustration nan design.

Additionally, I liked really nan AI promoted 3 abstracted user-help areas: nan Quick Setup zone, nan Need Help zone, and nan Configure Privacy/View Docs conception astatine nan top. While nan original interface gave users entree to information, it really didn't make it evident wherever to begin.

I besides liked nan Site Status conception astatine nan bottom. I've often thought astir adding a characteristic for illustration that, but was a spot daunted by nan coding requirements, because nan position elements would person to alteration based connected which freemium plugins nan personification had installed. Still, seeing a practice of that characteristic made maine want to adhd it.

This is game-changing

I consciousness this capacity is arsenic game-changing arsenic ChatGPT was backmost erstwhile it first came out, and arsenic agentic brace programming was erstwhile it landed past summer.

Also: I built 2 apps pinch conscionable my sound and a rodent - are IDEs already obsolete?

I submitted 2 merchandise personification interfaces to nan AI and received fundamentally peer-reviewed commentary, on pinch a group of prototype designs. As a solo programmer, this output is invaluable.

Even if I had a afloat in-house team, pinch programmers and designers connected staff, it would astir apt person taken a week aliases truthful to tally this study and conception prototypes to review. The payroll expenses unsocial for that task would person been reasonably substantial. But for $20, I was fixed 2 very helpful, very constructive, and not-at-all-AI-stupid redesigns that contained actionable nuggets that will make my products better.

Just wow.

If you were pairing ChatGPT Images 2.0 pinch Claude Code aliases Codex, would you usage nan image mockup arsenic a creation little for nan coding agent? Let america cognize successful nan comments below.

You tin travel my day-to-day task updates connected societal media. Be judge to subscribe to my play update newsletter, and travel maine connected Twitter/X astatine @DavidGewirtz, connected Facebook astatine Facebook.com/DavidGewirtz, connected Instagram astatine Instagram.com/DavidGewirtz, connected Bluesky astatine @DavidGewirtz.com, and connected YouTube astatine YouTube.com/DavidGewirtzTV.