Technical / ITDesign & creative▶ Live code
UI/UX design
Design principles, user research, wireframes, Figma prototypes and a case-study portfolio.
Who it’s for: Creative people who want to design apps and websites.
Roadmap
What you’ll learn
Follow the modules in order. Finish a small project at the end of each one.
-
01
Design basics
3 weeks- Layout, spacing and alignment
- Typography
- Colour and contrast
- Visual hierarchy
-
02
UX process
3 weeks- User research and personas
- User flows
- Wireframes
- Usability testing
-
03
Figma
3 weeks- Components and auto layout
- Prototyping
- Design systems
- Hand-off to developers
-
04
Portfolio
2 weeks- Writing case studies
- Showing process, not just screens
- Presenting your work
- Accessibility checks
Tools
Tools & skills to learn
- Figma
- FigJam
- Adobe Illustrator
- Maze or similar testing tools
Certifications
Useful certifications
- Google UX Design Professional CertificateOn Coursera; financial aid available
Certificates support your profile — interviewers still ask what you built. Check current fees and rules on the official site.
Practice
Projects to build
Put these on your resume — they give you real stories for interviews.
- 1Redesign a local business website
- 2Job-search app prototype with usability test
- 3Mini design system with 10 components
Live code
Practise right here
Run examples and try the 🏆 challenges — your answers are checked automatically.
Preview
Console
Sample tables: employees(id, name, dept_id, salary, joined) · departments(id, name) · users(id, email)
Result
Press Run to see the result.
Output
Code runs only in your browser. Press Ctrl/⌘ + Enter to run. Pick a 🏆 Challenge from the Example list to get your answer checked automatically.
Next steps
Interview & jobs
Get job alerts for this field