- Learn to design for all types of devices using Figma and other tools used by some of the top designers in the world
- Master both Web and Mobile design principles and how to go from sketching to fully fledged high fidelity designs that will wow customers
- Learn to be a designer as well as a web developer at the same time (a rare combination of skills that is in high demand)!
- Learn UI/UX best practices using the latest trends in the industry
- You’ll be able to send your finished work to other professionals in the correct formats.
- You will be able to start earning money from your UI/UX Skills.
- Learn to design websites & mobile phone apps.
- You will learn ho
Welcome to Figma Essentials with Chetan Pujari!
- Frames & Design file in Figma Design(Interface)
- UI vs. UX in Figma Design Magic Explained
- Build Apps & Websites You’ll Love (In This Figma Course)
- Figma to Code Design Stunning Interfaces Without Writing a Line
- Learn UX Briefs & Task Flows in Figma
Section 2: Wireframing: Fundamentals and Best Practices
- Lo-Fi vs Hi-Fi Wireframes Design Showdown
Section 3: Mastering Typography, Color, and Icons
- Figma Text Tool and Fonts
- Figma Basics How To CREATE And MODIFY SHAPES
- How to Choose and Use Colors in Figma
- Strokes & updating default properties in Figma
- What is Object Editing Mode & How to Use It? In Figma
- How to Use The Scale Tool And Selection in Figma
- Figma groups and frames for better UI designs
- Best Free Icon Set Packs for UIUX Designers
- Icon Basics In Figma
- How To Install And Use Plugins in Figma
Section 4: Creating Pages in Figma - How To Create And Use Pages In Your Figma File
Section 5: Introduction to Prototyping in Figma: A Beginner’s Guide
- Figma Prototyping for Beginners
- Figma Prototyping & Transitions (Easing)
- Figma Testing Prototype with Figma Mirror
Section 6: Figma Animation Basics
- Figma Smart Animate for Beginners
Section 7: Collaborate with Others: Sharing, Commenting, and Editing in Figma
Section 8: The Ultimate Guide to Creating Moodboards in Figma
- What Are Mood Boards & The SECRET To Finding Inspiration For Web & App Design
- How To Create A Mood Board In Figma
Section 9: Mastering Columns & Grids in Figma
- Create a Responsive Grid System for Web & UI Design
Figma: Essential Tips and Tricks
Section 10: The Ultimate Guide to Using Colors in Figma
- How to Choose Colors (Color Inspiration)
- How I Make UI Color Palettes In Figma
- How To Create Gradients in Figma
- Creating a Color System in Figma
- The easiest way to generate a color palette in Figma (Using Plugins)
Section 11: Mastering Text and Fonts in Figma
- Best Practices for Choosing Fonts and Font Pairing in UI and Web Design
- Create the Perfect Typography Scale for UI & Web Projects
- The fastest way to create text styles in Figma
- How to add lorem ipsum text in Figma
- Useful Text Tips & Tricks in Figma
- How to add fonts in Figma and How TO Add missing fonts in Figma
Section 12: Figma’s Drawing Tools
- Figma Pen Tool Basics & Vector Networks
- Why are the Apple icons different (corner smoothing)
Section 13: Figma Essentials: Working with Boolean Operations
- Figma Boolean Operations (Union, Subtract, Intersect, Exclude)
- Figma’s Power Duo When to Use Union and When to Flatten
- How to Use Smart Selection and Tidy Up in Figma
Section 14: Figma Essentials: Working with Images and Assets
- Placing images in Figma
- Figma Masks (Mask Image and Text in Figma)
- Figma images Plugins for UIUX Designers
Section 15: Figma Essentials: Mastering Auto Layout and Constraints
- Auto Layout And Constraints In Figma
- Figma Auto Layout Space Between Objects
- Figma Constraints & Resizing Made SIMPLE
- Nest Frames, Auto Layout, And Constraints In Figma
- Advanced Auto Layout Techniques – Figma
Section 16: Figma Essentials: Working with Effects
- How to Make Beautiful Shadows – UI Design with Figma
- How to Create Background Blur and Layer Blur in Figma
Section 17: Figma Essentials: Understanding Saving and Version History
- How To Save Your Figma Files To Desktop and How To Access Figma File’s History
Section 18: Figma Essentials: Understanding Components and Creating Instances
- Figma Components – The Basics
- Update, Change, Edit, And Reset Components In Figma
- Deleting the main components in Figma is impossible (Tips & Tricks of components)
- Moving main components and how to Organize Your Components
- Figma Best Practices Name Layers & Stay Organized
Section 19: Figma Essentials: Exploring the Power of Variants
- Figma components and variants for beginners
- Figma Component properties