Developer to Designer path: How To?

Question

Being a developer wanting to be a designer, I'm really interested in learning how to create top notch UI for websites, mobile apps, etc. However, I know nothing about Photoshop or anything related to design, my main skills being HTML and CSS.Where should I start? How do I learn how to create beautiful websites and interfaces?

Answer 1

That’s a really good direction to go in, and honestly you’re already ahead since you know HTML and CSS.

I wouldn’t start with Photoshop. UI design isn’t really about the tool, it’s more about understanding what looks good and why.

Start with the basics like spacing, layout, typography, and colors. That’s what actually makes a design look clean. A good habit is to look at well-designed websites and ask yourself why they look good. Pay attention to things like padding, font sizes, alignment, and consistency.

For tools, I’d recommend Figma. It’s simple to pick up and it’s what most people use for UI/UX now. You can recreate designs in Figma and then code them, which will help a lot since you already know HTML and CSS.

Also, don’t try to be original right away. Just copy good designs. Rebuild a few websites or app screens in Figma, then code them. That’s probably the fastest way to improve.

One more thing, try to think a bit about usability too. Not just how it looks, but how easy it is to use. Even small things like button placement and spacing make a big difference.

If you keep practicing like this, you’ll naturally get better at both design and development together.

Answer 2

You actually have the perfect foundation to build the top-notch UI, specially because of the power and effect of CSS,HTML and of course Javascript with their frameworks and plugins in the modern designs.

knowing photoshop is only one of the numerous things you need to know for being a great UI/UX (user-interface / user experience) developer. If Design is what you are thriving along with knowing how to design you should be able to come up with the most desired design for your users. This and some other practices such as wire-framing/prototyping, Research, visual communication and etc. are all what makes you a successful designer.

I suggest you take a look at the roadmap at: https://github.com/togiberlin/ui-ux-designer-roadmap

This would give you a solid idea about what UI/UX designing is all about.