6
2 Comments

How to do UI design as a backend developer

tl;dr PRACTICE. But seriously. Also, Svelte and Tailwind are AWESOME.

I am primarily a backend developer, and find much more joy building and designing APIs, database interfaces, low-level system calls, and abstractions than I do working on UI development, HOWEVER that has changed since pairing up https://svelte.dev/ and https://tailwindcss.com/. While building the user interface for https://trideate.com, I tried to keep everything modular and componentized, and the expressiveness of Tailwind kept me away from CSS hell (looking at your margins, padding, alignment, and justification).

I frequently see backend developers on here say "How can I stay away from UI design" or "How can I just sell an API". I am sorry, but I am going to be honest, just learn UI design. Are my UIs perfect? NO. Are they the prettiest? NO. BUT, they work and they are responsive on mobile, which covers most of the bases. I really recommend to any backend developers out there that are struggling with UI design, just keep at it, and try out the two frameworks mentioned, Svelte and Tailwind. These two vibed really well with the way my brain works, and I think you will enjoy them as well.

posted to Icon for group Developers
Developers
on August 17, 2021
  1. 1

    Thanks for sharing. I am also had the similar dilemma in the past. I tried using Bulma CSS with Angular, but didn't achive the speed I was hoping for. Later I thought it would be faster if I had use an UI library with Angular, like Element UI or Ant Design.

  2. 1

    well said. Tailwind helps a lot.

Trending on Indie Hackers
I shipped a productivity SaaS in 30 days as a solo dev — here's what AI actually changed (and what it didn't) User Avatar 305 comments I built a tool that shows what a contract could cost you before signing User Avatar 109 comments The coordination tax: six years watching a one-day feature take four months User Avatar 72 comments My users are making my product better without knowing it. Here's how I designed that. User Avatar 60 comments I changed AIagent2 from dashboard-first to chat-first. Does this feel clearer? User Avatar 33 comments Stop Treating Prompts Like Throwaway Text User Avatar 14 comments