Advanced Figma Video Course + Let's Design Together Add-on
20h 58m 42s
English
Paid
Course description
Become a Figma master and ascend the career ladder in design.
The course is filled with real tips and tricks from a senior product designer with a decade of design experience.
In addition to learning how to use Figma effectively, you will also discover how to apply it specifically for work in UX/UI design. You'll learn how to make necessary adjustments to your process depending on different types of product design and UX/UI design projects - from web applications to mobile apps, from websites to wearable devices.
This course is highly practical and includes numerous assignments to help you consolidate the knowledge gained.
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Thank You and Welcome! | 01:53 |
| 2 | Who is This Course for? | 01:38 |
| 3 | Playback, Captions, and Video Speed | 00:27 |
| 4 | Prerequisites | 01:18 |
| 5 | How to Get the Most Out of the Course? | 01:06 |
| 6 | Assignments Overview and Tips (Don't Skip) | 05:19 |
| 7 | Using Plugins in Figma (Artboard Studio Demo) | 05:12 |
| 8 | Module Assignments Solutions | 09:15 |
| 9 | Test Your Knowledge Assignments Solutions | 16:49 |
| 10 | 2023 Figma Features Update | 07:47 |
| 11 | Introduction to Advanced Layers and Shapes | 00:31 |
| 12 | Analyzing Designs with Figma in Mind | 22:27 |
| 13 | Layers, Groups, and Frames | 08:26 |
| 14 | Everything's a Box | 09:16 |
| 15 | Keeping Layers in Place | 03:21 |
| 16 | Positioning and Constraints | 07:55 |
| 17 | Repositioning and Spacing Tips | 02:17 |
| 18 | Advanced Shape Manipulation | 05:53 |
| 19 | Advanced Masking | 07:01 |
| 20 | Module Assignments Solutions | 23:59 |
| 21 | Final Module Assignment 1 Solution | 14:59 |
| 22 | Final Module Assignment 2 Solution | 14:22 |
| 23 | Final Module Assignment 3 Solution | 11:49 |
| 24 | Introduction to Iconography in Figma | 00:37 |
| 25 | Vectors and Rasters | 02:20 |
| 26 | Analyzing Icons | 05:09 |
| 27 | Benefits of Using an Icon Grid | 02:43 |
| 28 | What to Consider | 06:19 |
| 29 | Modifying Icons | 14:30 |
| 30 | Creating Icons (Part 1) | 05:06 |
| 31 | Creating Icons (Part 2) | 08:10 |
| 32 | Module Assignments Solutions | 32:17 |
| 33 | Final Module Assignments Guide | 04:12 |
| 34 | Introduction to Using Photos and Illustrations in Figma | 00:31 |
| 35 | Tips on Finding Assets | 04:19 |
| 36 | Adding Assets to Figma | 08:02 |
| 37 | Copying Frames as PNGs | 03:28 |
| 38 | How to Pick Visuals | 14:27 |
| 39 | Using Images in Your Designs | 11:23 |
| 40 | Adjusting Images and Blend Modes | 09:07 |
| 41 | Adjusting Illustrations | 04:51 |
| 42 | Module Assignments Solutions | 29:56 |
| 43 | Final Module Assignment | 12:06 |
| 44 | Introduction to Grids and Layers | 00:44 |
| 45 | Grid Basics | 08:02 |
| 46 | Controling Grids in Figma | 11:00 |
| 47 | Mobile Grids | 24:41 |
| 48 | Tablet Grids | 03:21 |
| 49 | Desktop Grids | 14:06 |
| 50 | Figma Grids Tips and Tricks | 09:55 |
| 51 | Module Assignments Solutions | 10:35 |
| 52 | Final Module Assignment Guide | 05:05 |
| 53 | Introduction to Practical Auto-layout | 00:48 |
| 54 | Auto-layout Basics | 05:07 |
| 55 | Advanced Auto-layout | 07:20 |
| 56 | Follow Along - Mobile App Bottom Sheet | 23:29 |
| 57 | Follow Along - Table | 17:22 |
| 58 | Module Assignment Solutions – Part One (Basics) | 18:50 |
| 59 | Module Assignment Solutions – Part Two (Mastery) | 11:23 |
| 60 | Module Assignment Solutions – Part Three (Mastery) | 11:00 |
| 61 | Final Module Assignment Solution | 23:49 |
| 62 | Introduction to Figma Styles | 01:12 |
| 63 | Color (Fill) Styles | 12:54 |
| 64 | Text Style | 09:40 |
| 65 | Effect Styles and Tips | 03:29 |
| 66 | Module Assignment Solutions | 09:12 |
| 67 | Introduction to Components and Variants | 00:38 |
| 68 | Component Basics and Strategy | 24:27 |
| 69 | Variants and Properties | 20:14 |
| 70 | Introduction to Design System Basics with Figma | 04:19 |
| 71 | Scalable Color Palettes | 22:58 |
| 72 | Assignment Speed Through | 03:36 |
| 73 | Scalable Typography | 16:14 |
| 74 | Assignment Speed Through | 00:58 |
| 75 | Scalable Spacing System | 07:12 |
| 76 | Elevation as a Foundational Element | 08:24 |
| 77 | Iconography | 04:46 |
| 78 | Creating Buttons | 17:15 |
| 79 | Buttons Assignment Solution Walkthrough | 01:45 |
| 80 | Input Fields and Dropdown Fields | 11:42 |
| 81 | Input Fields Assignment Solution Walkthrough | 04:36 |
| 82 | Selection Controls | 18:05 |
| 83 | Selection Controls Solution Speed Through | 02:42 |
| 84 | Design System Example Walkthrough | 12:16 |
| 85 | Using a Design System | 08:01 |
| 86 | Final Tips and Tricks | 05:37 |
| 87 | Introduction to Advanced Prototyping in Figma | 00:38 |
| 88 | Detailed Overview of Smart Animate | 05:34 |
| 89 | Transitions, Delays, and Clever Prototype Planning | 23:33 |
| 90 | Hovers, Overlays, and Prototyping with Components | 11:50 |
| 91 | Module Assignment Solutions – Part One (Basics) | 11:41 |
| 92 | Module Assignment Solutions – Part Two (Mastery) | 29:27 |
| 93 | Final Module Assignments Solutions | 12:46 |
| 94 | Introduction to Variables | 01:06 |
| 95 | Variable Foundations | 20:14 |
| 96 | Relation to Design System Tokens | 09:07 |
| 97 | Are Variables Needed for Efficiency? | 09:43 |
| 98 | Light and Dark Mode | 38:11 |
| 99 | Multiple Languages | 12:15 |
| 100 | Responsive Spatial System | 28:33 |
| 101 | Prototyping with Variables | 14:52 |
| 102 | Module Assignments Solutions | 12:22 |
| 103 | Introduction to Teamwork and Figma Organization: Tips and Tricks | 00:34 |
| 104 | Important Collaboration and Sharing Tips | 12:35 |
| 105 | How to Organize Figma Teams, Projects, and Files | 10:35 |
| 106 | File Thumbnails | 02:04 |
| 107 | File Organization Best Practices | 07:27 |
| 108 | Collaboration and Comments | 03:13 |
| 109 | How to Name Screens | 02:32 |
| 110 | Miscellaneous Assignments Solutions | 09:07 |
| 111 | Introduction to "Let's Design Together" Add-on | 03:54 |
| 112 | 01 - A - Responsive Web (Mobile) | 47:59 |
| 113 | 01 - B - Responsive Web (Tablet) | 16:25 |
| 114 | 01 - C - Responsive Web (Desktop) | 19:22 |
| 115 | 02 - A - Mobile App (Hybrid, iOS) | 26:47 |
| 116 | 02 - B - Mobile App (Hybrid, Android Adjustments) | 05:22 |
| 117 | 03 - iPad App | 16:52 |
| 118 | 04 - Wearable (Apple Watch) App | 04:23 |
| 119 | 05 - Web App (Dashboard) | 26:17 |
Books
Read Book Advanced Figma Video Course + Let's Design Together Add-on
| # | Title |
|---|---|
| 1 | 100+ Must-know Figma Shortcuts |
| 2 | 100+ Must-have Figma Plugins |
Comments
0 commentsSimilar courses
Figma Mastery - The ultimate Figma course for new and struggling designers
Sources: (UI) Adrian (Adrian Kuleszo)
The course "Figma Mastery" is an extensive guide that teaches efficient and productive use of Figma, covering all stages of work: from setup...
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.
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
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
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
Want to join the conversation?
Sign in to comment