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
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Sources: Gary Simon
Join the most interactive course for learning UI/UX Design with Gary Simon. The DesignCourse UI/UX Curriculum is taught entirely with Figma. You will go from ab
16 hours 33 minutes 33 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.
Figma Academy 2.0
Sources: Michael Riddering
The most advanced online design course. See for yourself why over 5,000 designers and leading tech teams are trained in Figma...
11 hours 19 minutes 17 seconds
Advanced Figma Video Course + Let's Design Together Add-on
Sources: Andrija Prelec
Become a master of Figma and soar up the career ladder in design. The course is filled with real tips and tricks from a senior product designer with...
20 hours 58 minutes 42 seconds
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