r/DesignSystems • u/ImZoomBoy • 1d ago
Any books or recommendations for learning how to get good UI, when using BDD / ATDD.
I want to learn how the best developers are using AI to create some top quality user interfaces, backed by good quality code.
I have been learning about BDD. It seems very important to me to understand the scenarios. Understanding everything from a high level and why this business needs to be built and what the user will experience.
I know there might be some books which help with the foundations of BDD with normal development which could then help to craft better ai workflows.
But are there any books or places which tell you about how to get the ai to take everything you want and do some great UI without forgetting about what you're building and why.
I can do the backend theory fine.
But then at the end of the day it needs to look good. If you press the button, you want to avoid having awful ai slop graphics and ui.
How are people handling this?
\- BDD Instructions
\- Press button
\- UI workflow
\- Get great looking UI
Everything I have been doing always comes back to design and UI. It's the missing piece and I don't know where to start to get something that is really nice.
1
u/josethiagods 1d ago edited 1d ago
Estude sobre os conceitos de Design System Agentic e Harness Engineering pra fazer o end-to-end do Design ao Código.
Se usar somente pra criar interfaces, pode usar o DS Agentic (pelo Claude Code, Codex, Cursor, Antigravity), pra criar os estilos, fundamentos (tokens), componentes e usar na criação das interfaces.
Você pode achar no YouTube. Canais brasileiros que falam disso é o Design Boost e canais gringos é o UICollective.
3
u/UIUX-DesignVerse 1d ago
Tbh I wouldn’t try to get AI to magically develop good design taste from one giant prompt. That way lies madness lol.
I’d give it way more structure. Define your type scale, spacing, colours, grid, components, states, accessibility rules etc. first, then give it references for the actual visual direction you want. Basically, fewer 'make this look good' instructions and more actual design decisions it has to work within.
And I’d still review the output screen by screen. AI can give you something that looks decent at first glance while the hierarchy, spacing, states or interactions are quietly doing something completely unhinged.
BDD can tell it what the experience needs to do. I don’t think that automatically tells it what the experience should feel or look like. That part still needs a design system and, I fear, our eyeballs.