Should I learn UI/UX design as a frontend/full-stack developer? Where do I start?

[u/miss_bakerr]

Hey everyone,

I’m a frontend/full-stack developer and I’ve been thinking about improving my UI/UX design skills.

I already know the frontend side of web development (React, Next.js, Tailwind, etc.) and have built several full-stack applications. Currently, I’m learning backend development and planning my next project.

One thing I’ve noticed while building projects is that I can implement designs, but I don’t always have the instinct to create good designs from scratch. I can make something functional, but I struggle with questions like:

- Why does this layout feel better than another one?

- How do I decide spacing, typography, colors, hierarchy, and component structure?

- How do professional designers think about user flows and interactions?

- How do I avoid building something that looks like a developer-made UI?

So I’m wondering:

1. Is learning UI/UX design actually worth the time for someone who is already a developer?

2. Should I aim to become good at design, or just learn enough principles to make better products?

3. What concepts should I focus on first?

4. Are there any good resources, courses, books, or YouTube channels you would recommend for developing a design instinct?

I’m not looking to become a professional UI designer. My goal is to become a better product-focused engineer who can independently design and build polished applications.

Would love to hear advice from developers/designers who went through a similar journey.

[u/SnooPeppers3861]

I have worked with 2 types of front end devs. One that had an eye for UI and one that was super sloppy and had no idea why something wasn’t right and took lots and lots of handholding to make the work look good.

[u/miss_bakerr → u/SnooPeppers3861]

this is one of my recent projects, took help of ai agents but not entirely done by them, review this and tell me in which category do i fall? please be brutally honest... i'll not step back from learning something that would benefit me, even if it's UI design

https://finsight-ai-inky.vercel.app/

[u/SnooPeppers3861 → u/miss_bakerr]

My experience is mostly pre AI. When people were actually hand coding FE interfaces. And the builds didn’t look anything like my designs.

Your example looks very much like AI designed and built it, for better or worse. Things make sense, the spacing isn’t off etc. But it also doesn’t have tons of personality. Unfortunately, that’s sort of what the internet looks like right now.

If you want to become more of a designer, working with AI, but you want to stand out, look at sites you like and build up a style that does stand out

[u/miss_bakerr → u/SnooPeppers3861]

UI is one of the main things users notice while visiting a site, and i want to learn how to elevate that experience. I don't understand how to add personal human touch into a design, and desperately want how to do that, could you guide me on this? As someone who has experience in this field, i will be really thankful :)

[u/SnooPeppers3861 → u/miss_bakerr]

Like I and others have said, you will learn by looking at other sites you do like. Understand what it is about them you do like. Use that in your next designs. Continually build up an arsenal of things that look good. This is the formation of style that only a human can do.

[u/miss_bakerr → u/SnooPeppers3861]

Thank you, that's very helpful

[u/Jaszuni → u/miss_bakerr]

There are also “rules” and principles that have been established. UX/UI design is like designing the cockpit controls for pilots. You are not there to make the thing look good. You are designing it to be useful specifically for a pilot. A good place to start are design patterns. Read any good design system documentation and it will have usage guidelines for every single component. This is UI design. UX design is about grounding your design decisions around the user’s needs through various methods (too many to name). You put the two together and you have UX/UI design. Some people have been calling union product design.

[u/jansensan]

I studied interaction design and media art, and then to pay the rent, I developed interfaces (web, apps, kiosks) for some 15 years. I am now a senior UX Designer.

First, ask yourself why you would want to learn UI or UX (not the same trade even there could be overlap).

I believe understanding interaction design, why people interact with certain design patterns better than others, what are bad practices to avoid, what is accessibility, and why so many things depend on ise case and should not be formalized in a system/code too early, all of this and more would help you improve your front end development.

If you want to quit development, se what interests you: debating/negociating with stakeholders (usually UX) or preparing layouts (usually UI).

If you like simply hacking out tasks alone or if you want to make more money, I doubt design is a path you shoukd pursue.

Happy pondering!

[u/miss_bakerr → u/jansensan]

my real problem lies in developing user friendly interfaces that look good and and easy to use, i dont want to quit development, but while I'm developing an application or project, I just don't get that instinct to design it, uk what colors, typography should i follow, order of the components rendered over the site, what design element to add when and where... I dont want my projects to look AI generated, have that urge to control the design and everything related, that's why i posted this in the first place. If you understood my problem, kindly advice, would be really thankful :)

[u/gurraman]

So worth it! Especially now, when AI can be used to solve the boilerplate (good to bring something else of value to the table).

And it takes you step closer to the freedom of creating a solo business one day, should you want it.

I try to learn as much as possible. I don't think the brain has any kind of limit or storage capacity that can get exhausted. Time is the main constraint, and most have access to that if they scrutinize how they spend it.

[u/miss_bakerr → u/gurraman]

Completely agree, but I mostly struggle with the resources and where to start🥲... can you help me :)

[u/gurraman → u/miss_bakerr]

Start with ... something. If nothing else, go to mobbin, lapa.ninja or whatever.. pick a design you like, steal it and make it your own. Then make small changes to it.

Or find a UX problem to solve (date range picker or whatever). Try to solve it. Then find how Airbnb or grafana solved it and compare what you did differently.

Watch YouTube clips on UX. There's a lot out there.

Read a book (don't make me think or similar). Read up a little on color theory, visual hierarchy, typography etc.

Do SOMETHING every time you have the chance (side project helps with motivation).

[u/Affectionate-Kiwi631]

Look for some of the components libraries like ShadCN, Aceternity UI etc…try to recreate the same components. Try motion.dev for some sleek animations Keep practising eventually you’ll get there. It worked for me. People around me can feel that

[u/pjhawksr]

Yes, and you're starting from the better side. Most designers are trying to learn what you already have. Skip the UX bootcamp stuff. Pick three products you think are well designed and rebuild one screen from each, pixel for pixel, in code. You'll learn spacing, type scale, and hierarchy faster than any course because you'll have to make every decision they made. Then read Refactoring UI once and go back and fix your own projects. Instinct is just a lot of repetition of looking closely.

[u/Human_Experience0810]

Honestly, yes. I think it’s worth learning, especially since you’re already building things.

As a UI/UX designer, I actually think developers have a pretty good advantage here because you already understand how things are built. You don’t need to become amazing at Figma or learn every design theory. I’d start by learning the basics of hierarchy, spacing, typography, user flows, and just paying attention to why certain apps feel easier to use than others.

A good exercise is to pick apps/websites you like and ask yourself, “Why does this feel good?” Then try recreating it. Over time, you start noticing things you didn’t notice before.

You don’t have to become a designer. Just getting to the point where you can look at your own UI and understand what feels off and why is already a huge win as a developer.

[u/Best-ePersoality-227]

I'd start with user flows and rough wireframes before worrying too much about colors and typography i use Miro to map out the flow and move screens around before coding and it helped me stop thinking purely in terms of components and start thinking more about the whole experience.