Create actually good UI with AI

The method you should avoid

Creating UI is very hard and frustrating. You need a good eye for colour, design, and layout. With the rise of AI, frontend designing has been taken over by the purple slop generating bot. The problem with that is any 2yo toddler is able to make out these AI slops. Some people try to change colors, but forget that all AI generated websites have massive rounded corners and wanna be glassmorphism.

If you want to hide this and actually create a good website then, you have to have a vision in your mind of how all the elements should be placed with colors that matches the vibe and layout that is not all gridded. If you can do this then, you are not a developer my friend, you are a Designer. You are better off making UIs in figma and selling it for real cash then writing the react code to make that design on localhost.

Let's be honest, most of us have no clue of what we actually want for design.

How I use AI to create good starting points

With the correct prompts, you can create really good designs using AI. It has been trained on thousands of websites both good and bad (mostly bad). It can be the eye you want for color, design and layout.

Theo uploaded a video showcasing how he prompted Opus 4.5, Codex 5.1 and Gemini 3 with the same prompt of creating 5 variations of a website each with unique aesthetics and designs. The AIs then, gives you 5 variations of the website and you now have options of how you want to start building the UI. If you are not happy with the 5 it gave you can ask for more or if you liked 1 or 2 and wanted to see more of them prompt that. The important thing here is this is just the starting point - you shouldn't try to improve them or expand all the variations into 5 websites as that would eat up the tokens and is illogical.

(I just wanted to mention this method of prompting but if you are curious, the winner was Opus)

With these things in mind, I wanted to try this out. At that time, I didn't have any idea in mind, so I can't create a landing page for that product. But, as a dev, as need a portfolio website. I had one but it was a template of someone else so this was the project I will try to create using AI.

The final product is the website you are reading this blog post in.

Final Verdict

With this method you can create a good starting point or even a decent website but it won't be able to compete with the designs of real designers that they made using Figma or something like that. This is a helpful trick to offload the burden of creating landing page or dashboard and start working of the product.

(Tip: Add this skill globally. It will help a lot with frontend design)

by Vyeos