Урок 1.
00:01:53
Thank You and Welcome!
Урок 2.
00:01:38
Who is This Course for?
Урок 3.
00:00:27
Playback, Captions, and Video Speed
Урок 4.
00:01:18
Prerequisites
Урок 5.
00:01:06
How to Get the Most Out of the Course?
Урок 6.
00:05:19
Assignments Overview and Tips (Don't Skip)
Урок 7.
00:05:12
Using Plugins in Figma (Artboard Studio Demo)
Урок 8.
00:09:15
Module Assignments Solutions
Урок 9.
00:16:49
Test Your Knowledge Assignments Solutions
Урок 10.
00:07:47
2023 Figma Features Update
Урок 11.
00:00:31
Introduction to Advanced Layers and Shapes
Урок 12.
00:22:27
Analyzing Designs with Figma in Mind
Урок 13.
00:08:26
Layers, Groups, and Frames
Урок 14.
00:09:16
Everything's a Box
Урок 15.
00:03:21
Keeping Layers in Place
Урок 16.
00:07:55
Positioning and Constraints
Урок 17.
00:02:17
Repositioning and Spacing Tips
Урок 18.
00:05:53
Advanced Shape Manipulation
Урок 19.
00:07:01
Advanced Masking
Урок 20.
00:23:59
Module Assignments Solutions
Урок 21.
00:14:59
Final Module Assignment 1 Solution
Урок 22.
00:14:22
Final Module Assignment 2 Solution
Урок 23.
00:11:49
Final Module Assignment 3 Solution
Урок 24.
00:00:37
Introduction to Iconography in Figma
Урок 25.
00:02:20
Vectors and Rasters
Урок 26.
00:05:09
Analyzing Icons
Урок 27.
00:02:43
Benefits of Using an Icon Grid
Урок 28.
00:06:19
What to Consider
Урок 29.
00:14:30
Modifying Icons
Урок 30.
00:05:06
Creating Icons (Part 1)
Урок 31.
00:08:10
Creating Icons (Part 2)
Урок 32.
00:32:17
Module Assignments Solutions
Урок 33.
00:04:12
Final Module Assignments Guide
Урок 34.
00:00:31
Introduction to Using Photos and Illustrations in Figma
Урок 35.
00:04:19
Tips on Finding Assets
Урок 36.
00:08:02
Adding Assets to Figma
Урок 37.
00:03:28
Copying Frames as PNGs
Урок 38.
00:14:27
How to Pick Visuals
Урок 39.
00:11:23
Using Images in Your Designs
Урок 40.
00:09:07
Adjusting Images and Blend Modes
Урок 41.
00:04:51
Adjusting Illustrations
Урок 42.
00:29:56
Module Assignments Solutions
Урок 43.
00:12:06
Final Module Assignment
Урок 44.
00:00:44
Introduction to Grids and Layers
Урок 45.
00:08:02
Grid Basics
Урок 46.
00:11:00
Controling Grids in Figma
Урок 47.
00:24:41
Mobile Grids
Урок 48.
00:03:21
Tablet Grids
Урок 49.
00:14:06
Desktop Grids
Урок 50.
00:09:55
Figma Grids Tips and Tricks
Урок 51.
00:10:35
Module Assignments Solutions
Урок 52.
00:05:05
Final Module Assignment Guide
Урок 53.
00:00:48
Introduction to Practical Auto-layout
Урок 54.
00:05:07
Auto-layout Basics
Урок 55.
00:07:20
Advanced Auto-layout
Урок 56.
00:23:29
Follow Along - Mobile App Bottom Sheet
Урок 57.
00:17:22
Follow Along - Table
Урок 58.
00:18:50
Module Assignment Solutions – Part One (Basics)
Урок 59.
00:11:23
Module Assignment Solutions – Part Two (Mastery)
Урок 60.
00:11:00
Module Assignment Solutions – Part Three (Mastery)
Урок 61.
00:23:49
Final Module Assignment Solution
Урок 62.
00:01:12
Introduction to Figma Styles
Урок 63.
00:12:54
Color (Fill) Styles
Урок 64.
00:09:40
Text Style
Урок 65.
00:03:29
Effect Styles and Tips
Урок 66.
00:09:12
Module Assignment Solutions
Урок 67.
00:00:38
Introduction to Components and Variants
Урок 68.
00:24:27
Component Basics and Strategy
Урок 69.
00:20:14
Variants and Properties
Урок 70.
00:04:19
Introduction to Design System Basics with Figma
Урок 71.
00:22:58
Scalable Color Palettes
Урок 72.
00:03:36
Assignment Speed Through
Урок 73.
00:16:14
Scalable Typography
Урок 74.
00:00:58
Assignment Speed Through
Урок 75.
00:07:12
Scalable Spacing System
Урок 76.
00:08:24
Elevation as a Foundational Element
Урок 77.
00:04:46
Iconography
Урок 78.
00:17:15
Creating Buttons
Урок 79.
00:01:45
Buttons Assignment Solution Walkthrough
Урок 80.
00:11:42
Input Fields and Dropdown Fields
Урок 81.
00:04:36
Input Fields Assignment Solution Walkthrough
Урок 82.
00:18:05
Selection Controls
Урок 83.
00:02:42
Selection Controls Solution Speed Through
Урок 84.
00:12:16
Design System Example Walkthrough
Урок 85.
00:08:01
Using a Design System
Урок 86.
00:05:37
Final Tips and Tricks
Урок 87.
00:00:38
Introduction to Advanced Prototyping in Figma
Урок 88.
00:05:34
Detailed Overview of Smart Animate
Урок 89.
00:23:33
Transitions, Delays, and Clever Prototype Planning
Урок 90.
00:11:50
Hovers, Overlays, and Prototyping with Components
Урок 91.
00:11:41
Module Assignment Solutions – Part One (Basics)
Урок 92.
00:29:27
Module Assignment Solutions – Part Two (Mastery)
Урок 93.
00:12:46
Final Module Assignments Solutions
Урок 94.
00:01:06
Introduction to Variables
Урок 95.
00:20:14
Variable Foundations
Урок 96.
00:09:07
Relation to Design System Tokens
Урок 97.
00:09:43
Are Variables Needed for Efficiency?
Урок 98.
00:38:11
Light and Dark Mode
Урок 99.
00:12:15
Multiple Languages
Урок 100.
00:28:33
Responsive Spatial System
Урок 101.
00:14:52
Prototyping with Variables
Урок 102.
00:12:22
Module Assignments Solutions
Урок 103.
00:00:34
Introduction to Teamwork and Figma Organization: Tips and Tricks
Урок 104.
00:12:35
Important Collaboration and Sharing Tips
Урок 105.
00:10:35
How to Organize Figma Teams, Projects, and Files
Урок 106.
00:02:04
File Thumbnails
Урок 107.
00:07:27
File Organization Best Practices
Урок 108.
00:03:13
Collaboration and Comments
Урок 109.
00:02:32
How to Name Screens
Урок 110.
00:09:07
Miscellaneous Assignments Solutions
Урок 111.
00:03:54
Introduction to "Let's Design Together" Add-on
Урок 112.
00:47:59
01 - A - Responsive Web (Mobile)
Урок 113.
00:16:25
01 - B - Responsive Web (Tablet)
Урок 114.
00:19:22
01 - C - Responsive Web (Desktop)
Урок 115.
00:26:47
02 - A - Mobile App (Hybrid, iOS)
Урок 116.
00:05:22
02 - B - Mobile App (Hybrid, Android Adjustments)
Урок 117.
00:16:52
03 - iPad App
Урок 118.
00:04:23
04 - Wearable (Apple Watch) App
Урок 119.
00:26:17
05 - Web App (Dashboard)