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
Design a Responsive Airbnb Website with Figma
Sources: zerotomastery.io
Join this course to explore advanced Figma features by designing a responsive website for a fictional rental service. Learn the full design process from initial
11 hours 17 minutes 58 seconds
Learn Figma - UI/UX Design Essential Training
Sources: udemy
Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a w
3 hours 55 minutes 26 seconds
Mastering Figma
Sources: leveluptutorials
This video is about Mastering Figma Introduction. Figma has similar uses to adobe XD and I'll be bringing you more videos to go more in-depth on how to use.
3 hours 37 minutes 49 seconds
Beginner Figma Video Course
Sources: Andrija Prelec
There is no better place to start learning design than the most popular design application! Learn by doing and begin or enhance your knowledge in Figma.
3 hours 22 minutes 35 seconds
The Beginner's Guide to Figma
Sources: egghead
Figma is a collaborative prototyping tool that allows you to responsively design your applications, with resolution presets for all of the most popular devices.
24 minutes 19 seconds