Learn the fundamentals
Build a clear foundation before moving into advanced workflows.
codit Course
UI/UX Design
Design usable digital products with research, wireframes, prototypes and design systems.
FigmaWireframingPrototypingUser researchDesign systems
Course Overview
Learn by building real skills step by step.
Learn how to design digital products with user-centered thinking. This course covers research, user flows, wireframes, visual interfaces, prototypes and clean design handoff practices.
Build practical projects
Apply each stage of learning through focused project work.
Prepare for real development workflows
Practice the tools and processes used to complete real work.
Technology Stack
Tools and technologies covered
Core
- User research
- Usability testing
Styling
- Wireframing
- Prototyping
- Design systems
- Responsive design
Tools
- Figma
Learning Modules
What you will learn
01UX fundamentals, user research and problem framingFocused learning with practical application.
Main topics
- UX fundamentals
- user research
- problem framing
02User flows, information architecture and wireframesFocused learning with practical application.
Main topics
- User flows
- information architecture
- wireframes
03Visual design, spacing, typography and color systemsFocused learning with practical application.
Main topics
- Visual design
- spacing
- typography
- color systems
04Interactive prototypes and usability reviewFocused learning with practical application.
Main topics
- Interactive prototypes
- usability review
05Design systems and developer handoff in FigmaFocused learning with practical application.
Main topics
- Design systems
- developer handoff in Figma
Projects You'll Build
Portfolio-ready practice
Mobile app wireframe and clickable prototype
Apply the course concepts in a focused, practical build.
Technologies used
FigmaWireframingPrototyping
Design usable digital interfaces
Responsive website UI design
Apply the course concepts in a focused, practical build.
Technologies used
WireframingPrototypingUser research
Create Figma prototypes
Mini design system with component states
Apply the course concepts in a focused, practical build.
Technologies used
PrototypingUser researchDesign systems
Prepare clean developer handoffs
Skills and outcomes
Skills students will gain
- Design usable digital interfaces
- Create Figma prototypes
- Prepare clean developer handoffs
- Review usability and improve user flows
By the end
What students should be able to build
- Mobile app wireframe and clickable prototype
- Responsive website UI design
- Mini design system with component states
Ready to Start?
Ready to Start UI/UX Design?
Talk to our admissions team and choose the right learning mode.