UI/UX Design in Figma
Learn to design beautiful and functional user interfaces with real UX thinking, Figma workflows, and practical exercises.
🎨 Design is Intelligence Made Visible
Curriculum
Beginner Level
01
What is UI/UX Design?
Understanding the difference between UI and UX, and how they work together.
02
Design Thinking Process
Empathize, Define, Ideate, Prototype, and Test - the core of great UX.
03
Getting Started with Figma
Account setup, interface walkthrough, and basic tools.
04
Figma Basics
Frames, shapes, text, alignment, grouping, colors, and layers.
05
Typography & Color
Using grids, spacing, text styles, and color theory in UI.
06
Designing First Screen
Practice: Design a simple mobile login screen using Figma.
Intermediate Level
01
Wireframes & Layouts
Low-fidelity wireframes and layout strategies for mobile and web.
02
Design Systems
Creating reusable components, color styles, and typography tokens.
03
Auto Layout in Figma
Responsive design with auto-layout features in Figma.
04
Prototyping in Figma
Create flows, connections, and interactions to simulate app behavior.
05
Icons, Illustrations & Plugins
Using Figma plugins to speed up your workflow with visuals.
06
UI Redesign Challenge
Redesign a real app screen and present UI decisions.
Expert Level
01
UX Research & User Personas
Conducting interviews, surveys, and building personas for better UX.
02
User Journey & Flow Diagrams
Mapping out a user’s experience through diagrams and flows.
03
Microinteractions & Smart Animate
Bringing your design to life using transitions and interactions.
04
Mobile App Design Project
Design a full mobile application from wireframe to prototype.
05
UI Accessibility
Designing inclusive interfaces for people with visual or cognitive differences.
06
Developer Handoff
Preparing specs and assets to share your designs with developers.
07
Final Capstone Portfolio
Build a polished design case study for your design portfolio.