Figma Mastery - The ultimate Figma course for new and struggling designers
0h 0m 0s
English
Paid
Course description
The course "Figma Mastery" is an extensive guide that teaches effective and productive use of Figma, covering all stages of work: from project setup to handing over the design to developers.
Read more about the course
What the course includes:
- Over 10 hours of high-quality video material divided into 7 modules and 40 main lessons.
- 34 practical assignments with accompanying Figma files to reinforce the acquired knowledge.
- Final project featuring 4 responsive landing pages, allowing you to apply the skills learned in practice.
- Bonus lesson on prototyping lasting 1 hour for an in-depth exploration of Figma's capabilities.
- Exclusive Figma templates and resources, as well as access to a carefully curated list of design materials and special offers.
Who it's for:
The course is perfectly suited for beginners and intermediate designers aiming to enhance their skills in Figma and improve the quality of their projects.
Watch Online
0:00
/ #1: Welcome to Figma Mastery!
All Course Lessons (89)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Welcome to Figma Mastery! Demo | 02:55 | |
| 2 | A few words about Figma Mastery | 02:39 | |
| 3 | Welcome to Module 2 | 00:26 | |
| 4 | Getting Started | 04:38 | |
| 5 | Welcome to Figma! | 01:00 | |
| 6 | Figma Starter Screen | 10:11 | |
| 7 | (IMPORTANT) Installing Project Files | 04:40 | |
| 8 | Main Interface Overview | 08:51 | |
| 9 | Welcome to Module 3 | 00:40 | |
| 10 | Navigating Around | 05:36 | |
| 11 | Move & Scale Tools | 10:13 | |
| 12 | Move & Scale Tools 2 | 01:55 | |
| 13 | Groups vs Frames | 13:49 | |
| 14 | Groups vs Frames 2 | 02:07 | |
| 15 | Master the Slice Tool | 06:56 | |
| 16 | Master the Slice Tool 2 | 02:31 | |
| 17 | The Section Tool | 05:03 | |
| 18 | The Section Tool 2 | 01:16 | |
| 19 | Master the Rectangle Tool | 07:13 | |
| 20 | Master the Rectangle Tool 2 | 03:23 | |
| 21 | Lines & Arrows | 06:40 | |
| 22 | Lines & Arrows 2 | 02:17 | |
| 23 | Ellipse Tool | 04:55 | |
| 24 | Ellipse Tool 2 | 03:07 | |
| 25 | Polygon Tool | 05:52 | |
| 26 | Polygon Tool 2 | 01:40 | |
| 27 | Master the Star Tool | 06:27 | |
| 28 | Master the Star Tool 2 | 03:03 | |
| 29 | Welcome to Module 4 | 00:31 | |
| 30 | Editing Images | 09:17 | |
| 31 | Editing Images 2 | 02:47 | |
| 32 | Colors & Blend Modes | 07:03 | |
| 33 | Colors & Blend Modes 2 | 01:18 | |
| 34 | Mastering Gradients | 11:49 | |
| 35 | Mastering Gradients 2 | 04:27 | |
| 36 | Mastering Masks | 08:23 | |
| 37 | Mastering Masks 2 | 05:41 | |
| 38 | Shape Selections | 06:56 | |
| 39 | Shape Selections 2 | 03:02 | |
| 40 | Mastering the Pen Tool | 12:18 | |
| 41 | Mastering the Pen Tool 2 | 10:19 | |
| 42 | Frames, Positioning & Alignment | 14:07 | |
| 43 | Frames, Positioning & Alignment 2 | 02:01 | |
| 44 | Typography & Styles | 13:11 | |
| 45 | Typography & Styles 2 | 05:49 | |
| 46 | Stroke & Borders | 04:42 | |
| 47 | Stroke & Borders 2 | 03:06 | |
| 48 | Drop Shadows | 09:23 | |
| 49 | Drop Shadows 2 | 00:45 | |
| 50 | Layer Blur | 06:54 | |
| 51 | Layer Blur 2 | 00:50 | |
| 52 | Background Blur | 11:54 | |
| 53 | Background Blur 2 | 02:25 | |
| 54 | Copying Style Properties | 03:30 | |
| 55 | Copying Style Properties 2 | 01:07 | |
| 56 | Welcome to Module 5 | 00:24 | |
| 57 | Auto Layout | 25:03 | |
| 58 | Auto Layout 2 | 03:02 | |
| 59 | Layout Grid | 20:46 | |
| 60 | Layout Grid 2 | 01:01 | |
| 61 | Intro to Components | 11:20 | |
| 62 | Intro to Components 2 | 05:00 | |
| 63 | Responsive Design | 17:28 | |
| 64 | Responsive Design 2 | 06:16 | |
| 65 | Helpful Shorcuts | 02:46 | |
| 66 | Welcome to Module 6 | 00:35 | |
| 67 | Collaborative Features | 07:43 | |
| 68 | Inspect Tool | 03:29 | |
| 69 | Sharing Work | 07:29 | |
| 70 | Sharing Work 2 | 01:51 | |
| 71 | Exporting Assets | 06:32 | |
| 72 | Using Plugins | 11:04 | |
| 73 | Figma Community | 04:30 | |
| 74 | Team Libraries | 04:58 | |
| 75 | Welcome to the Final Module! | 01:18 | |
| 76 | Final Project Overview | 12:41 | |
| 77 | Landing Page Design | 01:28:03 | |
| 78 | Quick Iterations | 43:25 | |
| 79 | Mobile Design | 27:11 | |
| 80 | Design Handoff | 08:26 | |
| 81 | Prototyping (Bonus Lesson) | 40:04 | |
| 82 | Thank You Video | 01:07 | |
| 83 | (FREE PREVIEW) Installing Project Files | 04:40 | |
| 84 | (PREVIEW) Polygon Tool | 05:52 | |
| 85 | (PREVIEW) Polygon Tool 2 | 01:40 | |
| 86 | (PREVIEW) Drop Shadows | 09:23 | |
| 87 | (PREVIEW) Drop Shadows 2 | 00:45 | |
| 88 | (PREVIEW) Inspect Tool | 03:29 | |
| 89 | (PREVIEW) Final Project Overview | 12:41 |
Unlock unlimited learning
Get instant access to all 88 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionBooks
Read Book Figma Mastery - The ultimate Figma course for new and struggling designers
| # | Title |
|---|---|
| 1 | How to Design Better UI Components 2.0 |
| 2 | Top Figma Resources |
| 3 | Top Figma Shortcuts |
| 4 | Top Figma Plugins |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Motion Design with Figma: Animations, Motion Graphics, UX/UI
Sources: zerotomastery.io
Learn motion design using Figma from a design industry pro. You'll learn way more than just motion design principles and theory. This projects-based course will
10 hours 11 minutes 31 seconds
Pixel Perfect Figma to Tailwind
Sources: protailwind.com (Simon Vrachliotis), Simon Vrachliotis
This workshop is designed to help you achieve 'pixel-perfect' design implementations, bridging the fidelity gap between design and development. Throughout...
2 hours 40 minutes 16 seconds
Figma design system - Figma UI kit and style variables
Sources: Adham Dannaway
The lightweight and powerful design system of Figma and UI kit will help you develop almost any website or application you can imagine.
UI UX Design Hybrid from Figma to HTML CSS and JavaScript
Sources: udemy
Learn how to become a Full-Stack Designer with User Interface Design, User Experience Design, Web Development, Bootstrap
31 hours 51 minutes 43 seconds
Complete Web Design: from Figma to Webflow to Freelancing
Sources: udemy
It gives you a huge self-satisfaction when you look at your work and say, "I made this!". I love that feeling after I'm done working on something. When I lean back in my chair, ...
19 hours 10 minutes 59 seconds