What UI design is, and what this course covers
UI design is the visible half of product design: how a screen looks, how it is organised, how it responds when you touch it. Good UI is not decoration. It is hierarchy that tells you where to look, type you can read on a bus, colour that means something, and components that behave the same way everywhere.
The course covers all of it in order. You learn to see first, then type, colour and layout, then components and systems, then the AI workflow that lets one designer ship what used to take a team.
- Book a tableDefault
- Book a tableHover
- Book a tablePressed
- Book a tableFocus
- Book a tableDisabled
- Book a tableLoading
How the course is taught
Every lesson is a short explanation, a play you can try in the browser, a quick check, and a project in Figma. Nothing is a lecture you watch and forget. By the end of each unit you have a screen, a system or a prototype you made.
AI tools sit next to you the whole way. Claude and ChatGPT generate options and first drafts; you judge, correct and finish. That judgement, knowing why one version works and another does not, is what the course trains.
- Units 1 to 6, free: your AI design studio, seeing like a designer, typography, colour, layout and design thinking.
- Units 15 to 20: Figma fluency, UI craft, design systems and tokens, accessibility, prototyping with AI, agents in the canvas.
- A project in every unit, from a poster to a full app, and mentor feedback on the ones that count.
What you can do by the end
The outcome is a portfolio of interfaces you designed and can explain, plus the habits that make you fast.
- Set up a type scale, a colour palette with passing contrast and a spacing system in an afternoon.
- Build a component library with variants and states, and keep a product consistent across fifty screens.
- Turn a brief into wireframes, then a high-fidelity prototype, and test it with real people.
- Hand a design to a developer, or to an AI coding agent, clearly enough that it gets built right.
Who this is for
Beginners with no design background. Graphic designers moving into product. Developers who want to design their own screens. Marketers and founders who are tired of waiting on a designer. If you can use a laptop, you can start.