Study chapter
UX/UI
Understand people, then design what they actually need.
The UX/UI chapter teaches members to research real problems, design clear interfaces, and test ideas with users before a single line of code is written.
What you'll learn
- Figma basics: visual hierarchy, typography, grids, and Auto Layout
- Components, variants, and design systems
- Responsive interfaces for mobile and web
- Prototyping interactions, states, and micro-interactions
- Designing with AI: Claude, MCP, and Figma
- Turning a Figma design into a working website
Weekly topics
- 1
Sep, week 3
UI/UX + Figma basics
Visual hierarchy, spacing, and layout.
- 2
Sep, week 4
Typography & layout
Grids, color, and Auto Layout.
- 3
Oct, week 1
Components
Design systems, variants, and reusable UI.
- 4
Oct, week 2
Real interface design
Mobile, web, and responsive UI.
- 5
Oct, week 4
Interaction
Prototypes, hover, states, and micro-interactions.
- 6
Oct, week 5
AI for designers
AI workflows and prompting.
- 7
Nov, week 1
Claude for product design
Critique, iteration, and planning.
- 8
Nov, week 2
Claude + MCP + Figma
Connecting AI to the design workflow.
- 9
Nov, week 3
Design → frontend
From a Figma design to a working website.
- 10
Dec, week 1
Build day
Create and ship a mini product.
Chapter members
Ready to collect your first brick?
No prior experience required. Pick UX/UI as an interest in your application.
Also explore: AI · Frontend / Backend