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.
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
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.