Udemyallen

UI/UX Design With Figma : 5+ Real World Projects

Learn Figma for UI/UX design! Build mobile & web apps with our hands-on course. Become a designer in 2025.

4.5(2,744)
102,697students
14h 18m
Certificate
Chetan Pujari
Chetan PujariWeb Developer/Designer, Software Developer, Content Creator

Course Content

UI/UX Design With Figma : 5+ Real World Projects is an all-levels Udemy course taught by Chetan Pujari. It runs 14h 18m, is taught in English, and includes a certificate of completion. Learners rate it 4.5 out of 5 from 2,744 reviews, with 102,697 students enrolled. It is a paid course, last updated July 2025.

Master Figma: Your Complete Guide to UI/UX Design

Unlock your potential in the world of UI/UX design with Figma Essentials by Chetan Pujari! This comprehensive course is designed for both beginners and experienced designers looking to master Figma, the industry-leading UI/UX design tool. Learn to create stunning user interfaces, interactive prototypes, and build a professional design portfolio.

What You'll Learn in This Figma Course:

Getting Started with Figma:

  • Figma Basics: Understand the Figma interface, design files, and the core difference between UI and UX design.
  • Build Apps & Websites: Learn how to leverage Figma to create compelling digital experiences.
  • Figma to Code: Discover how to design stunning interfaces without writing code.
  • UX Briefs & Task Flows: Master understanding and translating client requirements into effective designs.

Fundamentals of Design:

  • Wireframing: Learn low-fi and hi-fi wireframing techniques for efficient design planning.
  • Typography: Master the art of font selection for both web and mobile apps.
  • Color Theory: Learn how to choose and use colors effectively, create color palettes, and build robust color systems.
  • Icons: Design custom UI elements like icons and buttons.
  • Auto Layout & Constraints: Become proficient in Auto Layout and Constraints for responsive and adaptable designs.
  • Grids & Columns: Create responsive grid systems for web and UI design.
  • Boolean Operations: Utilize Figma Boolean Operations (Union, Subtract, Intersect, Exclude) for advanced design techniques.
  • Image & Asset Management: Learn to effectively place and utilize images and assets within your designs.

Prototyping & Animation:

  • Figma Prototyping: Create fully interactive prototypes from start to finish.
  • Prototyping Transitions: Master Figma prototyping & transitions including easing and micro-interactions.
  • Animation Basics: Explore Figma animation basics and Smart Animate for engaging user experiences.
  • Micro-interactions: Add subtle animations to enhance user engagement.
  • Popup Overlays & Tooltips: Create dynamic UI elements like popup overlays and tooltips.
  • Auto Scrolling Animation: Implement smooth auto scrolling animations.

Advanced Figma Techniques:

  • Components & Variants: Leverage the power of Figma components and variants for efficient design and scalability.
  • Design Systems: Develop a style guide for consistent client handoff.
  • Plugins: Boost your productivity with essential Figma plugins.
  • Moodboards: Learn to create effective moodboards for inspiration.
  • Figma Libraries: Create and utilize shareable team libraries for collaborative design.
  • Figma Thumbnails: Customize your project thumbnails for a professional presentation.
  • Figma Boolean Operations: Master advanced design with Boolean operations.
  • Figma Pen Tool: Utilize the Figma Pen Tool for precise vector creation.

Collaboration & Export:

  • Team Collaboration: Learn to collaborate effectively with team members in Figma.
  • Version History: Understand and utilize Figma's version history.
  • File Export: Master Figma export for various formats (PNG, JPG, SVG, PDF).
  • Design Systems Resources: Discover valuable design systems resources and inspirations.

Real-World Projects:

  • Apply your skills through practical real-world UI/UX projects, including a food delivery app, a music app, and more.

Why Choose This Figma Course?

  • Comprehensive Curriculum: Covers everything from Figma basics to advanced techniques.
  • Practical Workflow: Step-by-step guidance through a professional app designer's workflow.
  • Portfolio Building: Gain the skills to create a standout design portfolio.
  • Career Advancement: Learn in-demand skills to secure lucrative design opportunities and command premium rates.
  • Versatile Tool: Figma is free and accessible on web browsers, Mac, and Windows.
  • Suitable for All Levels: Ideal for beginners with no design experience and experienced designers seeking to quickly master mobile app design and web design.

This course

$ whoami — the devs behind tutorialsearch.io

Have a design? We'll build it — the devs behind TutorialSearch.io

Pixel-accurate, responsive front-ends from your Figma — wired to real back-ends by the team that built this site.