Serving schools, colleges & students across India Sign inRegister freeFAQsHelpcontact@ghosla.io
GHOSLAGrowth Hub for Opportunities, Skills, Learning & AchievementGrow•Learn•Achieve Login Get Started

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
  1. UI vs UX and design rolesFree preview8 min
  2. The design process overviewFree preview10 min
  3. Figma interface tour10 min
  4. Quiz: design process5 min
Research4 lectures
  1. Defining the problem12 min
  2. User interviews and surveys12 min
  3. Personas and journey maps12 min
  4. Project: research and persona16 min
Information architecture and wireframes3 lectures
  1. User flows12 min
  2. Low-fidelity wireframes12 min
  3. Designing for Indian users and low-end devices10 min
Figma skills4 lectures
  1. Frames, shapes and layout grids14 min
  2. Auto layout16 min
  3. Components and variants16 min
  4. Quiz: Figma6 min
Visual design4 lectures
  1. Typography and colour for interfaces12 min
  2. Accessibility and contrast12 min
  3. Building a mini design system14 min
  4. Project: wireframes and design system18 min
Prototyping and testing3 lectures
  1. Interactive prototypes14 min
  2. Usability testing on a budget12 min
  3. Iterating from feedback10 min
Portfolio case study3 lectures
  1. Structuring a UX case study12 min
  2. Project: high-fidelity prototype and case study25 min
  3. 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