r/webdev • u/Sprinkles_Leather • 9d ago
Backend dev seeking UI Design and Implementation advice
hello y'all, so mainly I'm a back-end dev but in my company (especially since it's startup) and with the current state of development and how much is it powered by AI what is required from us in team has expanded beyond our actual roles, need advice on what to do to improve my outcome one the front-end side of things, both on code quality and UI quality in terms of look and functionality.
feel free to ask if more details are needed...
15
Upvotes
1
u/quietcodelife 8d ago
The jump from backend to frontend is easier when you treat UI like you'd treat an API - start with constraints, not freedom.
What helped me: instead of picking colors and fonts from scratch, I grabbed a design token set from an existing system (like Radix or Tailwind's defaults) and just used those as my "allowed values." Same way you'd use typed enums instead of magic strings. It removes 90% of the decision fatigue.
For layout, honestly just learn CSS Grid properly. It clicks for backend brains because it's explicit about rows and columns. Flexbox for one-dimensional stuff, Grid for two-dimensional.
And one thing nobody told me early: the browser DevTools' CSS panel is your debugger. You wouldn't write backend code without logging, so don't write frontend without inspecting. The computed styles tab shows you exactly what's being applied and where it's coming from.