UI/UX Design with Figma: From Research to Prototype
Learn the full product design process and build a case study for an Indian app idea
Ghosla Academy · Design Team
This course teaches UI/UX as a process, not just screen decoration. You will start with research and problem definition, sketch and wireframe solutions, and then build polished interfaces in Figma. The running project is a campus app idea, designed for Indian users with considerations such as low-end phones, regional languages and UPI payments. You will finish with a prototype and a written case study for your portfolio.
What you will be able to do
- Understand the difference between UI and UX and the design process
- Run simple user interviews and build personas and journey maps
- Create wireframes and user flows
- Use Figma frames, auto layout, components and variants
- Build a small design system and accessible colour styles
- Prototype, test with users and present a case study
What you build
- User research and persona for a campus app
- Wireframes and design system
- High-fidelity clickable prototype with a portfolio case study
What you need to start
- A laptop with a modern browser
- Free Figma account
Curriculum · 7 sections, 25 lectures
What UI/UX design is4 lectures
- UI vs UX and design rolesFree preview8 min
- The design process overviewFree preview10 min
- Figma interface tour10 min
- Quiz: design process5 min
Research4 lectures
- Defining the problem12 min
- User interviews and surveys12 min
- Personas and journey maps12 min
- Project: research and persona16 min
Information architecture and wireframes3 lectures
- User flows12 min
- Low-fidelity wireframes12 min
- Designing for Indian users and low-end devices10 min
Figma skills4 lectures
- Frames, shapes and layout grids14 min
- Auto layout16 min
- Components and variants16 min
- Quiz: Figma6 min
Visual design4 lectures
- Typography and colour for interfaces12 min
- Accessibility and contrast12 min
- Building a mini design system14 min
- Project: wireframes and design system18 min
Prototyping and testing3 lectures
- Interactive prototypes14 min
- Usability testing on a budget12 min
- Iterating from feedback10 min
Portfolio case study3 lectures
- Structuring a UX case study12 min
- Project: high-fidelity prototype and case study25 min
- UX job and internship tips8 min
Who this is for
- Students who want a career in product or UI/UX design
- Developers who want to design better interfaces
- Graphic designers moving into digital products