UI/UX Design Using Figma
This course covers industry-standard design thinking, wireframing, and interactive prototyping using Figma to create seamless digital user experiences. You will build a professional case study portfolio, earning a certification that validates your expertise in user-centered design principles.
The Certificate course for you!
User-centered thinking: personas, user journeys, and UX flows that make sense.
Craft beautiful UI: layout, grids, color, typography, and spacing systems.
Prototype interactions: components, variants, auto layout, and smart animate.
What Will You Learn?
UX foundations: Problem framing, requirements, personas, user flows, and IA.
Wireframing to high-fidelity UI with grids, spacing scales, and design tokens.
Figma mastery: Components, variants, Auto Layout, libraries, and design systems.
Prototyping & dev handoff: Interactions, animations, Inspect, and export best practices.
Course Curriculum
- Introduction to UI/UX Design Course 0:03 Min
- What is UI/UX Design? 0:05 Min
- The Design Thinking Process 0:05 Min
- Introduction to Figma 0:05 Min
- UI/UX Basics & Figma Fundamentals 0:15 Min
- Activity: Create a Mood Board on Figma for a Simple Project
- The Principles of User-Centered Design 0:04 Min
- Conducting User Research 0:04 Min
- Creating User Personas 0:05 Min
- Understanding User-Centered Design 0:15 Min
- Activity: Create Two Detailed User Personas Using Figma Templates
- Principles of Visual Design 0:04 Min
- Typography and Color Theory 0:04 Min
- Creating Wireframes in Figma 0:04 Min
- Design Principles & Wireframing 0:15 Min
- Activity: Create a Wireframe for a Login and Signup Page in Figma
- Introduction to Prototyping 0:04 Min
- Animation Basics 0:04 Min
- Usability Testing with Prototypes 0:04 Min
- Animation Techniques & UI Interactions 0:10 Min
- Activity: Design and Prototype a Simple E-Commerce Product Page in Figma
- Designing for Mobile Apps vs. Web Apps 0:05 Min
- Accessibility Design 0:04 Min
- UI/UX Trends and Future Insights 0:05 Min
- Evaluating & Critiquing UI/UX Design 0:10 Min
- Activity: Redesign a Poorly Designed Page to Be Mobile-Friendly and Accessible
- Creating a Professional UI/UX Portfolio 0:05 Min
- Design Handoff and Collaboration 0:04 Min
- Mock Interviews and Job Prep 0:04 Min
- Portfolio Building and Industry Best Practices 0:25 Min
- Meet Your AI Design Buddy + Figma Setup 0:04 Min
- Plan User Flows & Wireframes with AI 0:04 Min
- Design System & Visual Style with AI 0:04 Min
- Smart Prototyping & AI Testing 0:04 Min
- UI/UX Design Using Figma with AI 0:15 Min
Learn With GreyLearn
-
Build a reusable design system: Styles, variables/tokens, components, and variants.
-
Prototype interactions with Smart Animate, overlays, and micro-interactions, and run usability tests.
-
Handoff smoothly: Dev Mode specs, redlines, exportable assets, and collaborative comments and plugins.
What Learners Say
M BRUNDA
Simple annotations explain states empty and loading i learned to structure files and name layers clearly research notes connect pain points to screen goals
Dushyant kumar
The approach scales from concepts to production i ensure touch targets are comfortable and consistent i balance brand style with clear usability needs
Nameetha N
Developers trust my specs because they are precise the library keeps icons buttons and inputs consistent micro copy guides users with friendly direct language
SHIVAKUMAR SM
The critique format showed how to give helpful feedback i gather insights and turn them into simple screens interactive components save time on repeating work
Prajakta Jadhav
I align teams with simple checklists and review notes the grid system and spacing scale my layouts with order i plan empty states errors and
Yogeshwari Donge
Auto layout and constraints keep designs flexible and clean my components scale to new use cases without hacks the library keeps icons buttons and inputs
Frequently Asked Questions
Have something to know? Check here if you have any questions about us.
