Course Content
Subtitle Guide – Hướng dẫn thêm phụ đề
0/1
Set up subtitle for video – Hướng dẫn thêm phụ đề
01 – Getting Started
0/8
Download Resource Files
001 Introduction to Figma Essentials training course
02:53
002 Getting started with Figma training
02:45
003 What is Figma for & does it do the coding
03:46
004 Whats the difference between UI and UX in Figma_part1
02:41
004 Whats the difference between UI and UX in Figma_part2
02:41
005 What we are making in this Figma course
09:18
006 Class project 01- Create your own brief
04:01
02 – Wireframing – Low Fidelity
0/3
Download Resource Files
001 What is Lo Fi Wireframe vs High Fidelity in Figma
02:34
002 Creating our design file & introducing frames in Figma
08:29
03 – Type, Color & Icon Introduction
0/14
Download Resource Files
001 The basics of type & fonts in Figma
10:51
002 Rectangles Circles Buttons Rounded corners in Figma
06:50
003 How to use color in Figma
05:46
004 Strokes plus updating color defaults in Figma
09:28
005 Object editing and how to escape in Figma
01:47
006 Scale vs Selection Tool in Figma
02:39
007 Frames vs Groups in Figma
09:24
008 Class project 02- Wireframe
03:01
009 Where to get Free icons for Figma_part1
04:45
009 Where to get Free icons for Figma_part2
04:45
010 Matching the stroke of our icons
05:16
011 How to use Plugins in Figma for icons
05:06
012 Class project 03 – Icons
03:49
04 – Pages
0/2
Download Resource Files
001 How to use Pages in Figma
08:32
05 – Prototyping – Level 1
0/7
Download Resource Files
001 How to prototype in Figma_part1
05:23
001 How to prototype in Figma_part2
05:23
002 Prototype animation and easing in Figma
10:53
003 Testing on your phone with Figma Mirror_part1
02:50
003 Testing on your phone with Figma Mirror_part2
02:50
004 Class project 04 – Testing on your phone
03:51
06 – Animation Level 1
0/3
Download Resource Files
001 What is Smart Animation & delays in Figma
08:44
002 Class project 05 – My first animation
02:01
07 – Commenting
0/3
Download Resource Files
001 Sharing & Commenting on Figma file with Stakeholders
07:10
002 Share editing with other UX designers in Figma
06:58
08 – Moodboard – High Fidelity
0/5
Download Resource Files
001 How I get inspiration for UX projects_part1
03:19
001 How I get inspiration for UX projects_part2
03:19
002 How to create a mood board in Figma
05:33
003 Class Project 06 – Moodboard
01:26
09 – Columns
0/2
Download Resource Files
001 How to work with Columns & Grid in Figma
13:54
10 – Tips & Tricks
0/2
Download Resource Files
001 Tips Tricks Preferences and Weirdness in Figma
07:52
11 – Colors
0/6
Download Resource Files
001 Color Inspiration & the eyedropper in Figma
06:34
002 How to create a color palette in Figma
09:02
003 How to make gradients in Figma
07:46
004 How to create & use Color Styles in Figma
08:01
005 Class Project 07 – Colors & Columns
04:00
12 – Text & Fonts Advanced
0/9
Download Resource Files
001 Font on Desktop vs Browser Figma
01:30
002 What fonts can I use plus font pairing in Figma
06:01
003 What common font sizes should I choose in web design
11:30
004 How to make Character Styles in Figma
06:36
005 Lorem ipsum & Placeholder text in Figma
04:28
006 Useful things to know about text in Figma
09:35
007 How fix missing fonts in Figma
02:42
008 Class project 08 – Text
05:19
13 – Drawing
0/8
Download Resource Files
001 Drawing tips and tricks in Figma
09:38
002 Squircle buttons with ios rounded courses in Figma
02:48
003 Boolean Union Subtract Intersect Exclude Pathfinder in Figma
07:25
004 What is the difference Union vs Flatten Figma
03:36
005 Class Project 09 – Making stuff
03:29
006 Smart Selection & Tidy up in Figma_part1
04:20
006 Smart Selection & Tidy up in Figma_part2
04:20
14 – Working with Illustrator
0/2
Download Resource Files
001 Do I need to know Illustrator with Figma
04:15
15 – Images
0/5
Download Resource Files
001 Tips & tricks for using images in Figma_part1
03:05
001 Tips & tricks for using images in Figma_part2
03:05
002 Masking Cropping images in Figma
09:12
003 Free image & plugin for Figma
02:31
16 – Working with Photoshop
0/5
Download Resource Files
001 Do you need Photoshop for UX Design in Figma_part1
03:33
001 Do you need Photoshop for UX Design in Figma_part2
03:33
001 Do you need Photoshop for UX Design in Figma_part3
03:33
002 Class Project 10 – Images
01:18
17 – Autolayout’s & Constraints
0/10
Download Resource Files
001 Autolayout & Constraints
07:59
002 Class project 11 – Buttons
01:15
003 Auto Layout for spacing
05:48
004 How to use constraints in figma
08:22
005 Combining Nested frames Auto Layout & Constraints in Figma_part1
07:14
005 Combining Nested frames Auto Layout & Constraints in Figma_part2
07:14
006 Adding Text Box Autoheight to Autolayout in Figma
08:27
007 Class Project 12 – Responsive Design
02:19
008 Nice drop shadow & Inner drop shadow effects in Figma
05:56
18 – Effects
0/4
Download Resource Files
001 Blur Layer & Background Blur & Image Blur in Figma
05:57
002 How to make Neumorphic ui buttons in Figma
07:37
003 Class project 13 – Effects
01:53
19 – Saving & History
0/2
Download Resource Files
001 How to save locally & save history in Figma
05:42
20 – Components & Instances
0/7
Download Resource Files
001 What are components in Figma
06:20
002 Updating & Changing & Resetting your components
07:47
003 You can’t kill main components in Figma
07:22
004 Where should you keep your main components in Figma
05:02
005 Intro to the forward slash naming convention in Figma
08:55
006 Class Project 14 – Components
00:44
21 – Variants
0/7
Download Resource Files
001 How to make component variants in Figma
06:41
002 Another way to make variants in Figma_part1
03:07
002 Another way to make variants in Figma_part2
03:07
003 How to make a Multi Dimensional Variant in Figma_part1
05:36
003 How to make a Multi Dimensional Variant in Figma_part2
05:36
004 Class Project 15 – Variants
01:41
22 – Making a form
0/7
Download Resource Files
001 How to make a form using variants in Figma_part1
08:24
001 How to make a form using variants in Figma_part2
08:24
002 Class Project 16 – Form
01:27
003 Putting it all together in an desktop example_part1
06:34
003 Putting it all together in an desktop example_part2
06:34
003 Putting it all together in an desktop example_part3
06:34
23 – Prototyping – Level 2
0/11
Download Resource Files
001 How to add a popup overlay modal in Figma
03:03
002 How to make & prototype a tool tip in Figma_part1
03:43
002 How to make & prototype a tool tip in Figma_part2
03:43
003 What are Flows in Figma
05:39
004 Slide in mobile nav menu overlay in Figma
03:55
005 Class project 17 – Prototyping
01:10
006 How to pin navigation to top in Figma_part1
05:34
006 How to pin navigation to top in Figma_part2
05:34
007 How to make horizontal scrolling swipe in Figma
06:36
008 Automatic scroll down the page to anchor point in Figma
04:50
24 – Teams & Projects
0/2
Download Resource Files
001 What are Teams vs Projects vs Files in Figma
05:18
25 – Libraries
0/2
Download Resource Files
001 How do you use team libraries in Figma
11:03
26 – Animation & Micro Interactions
0/14
Download Resource Files
001 The difference between animation & micro interactions
02:55
002 Animation with custom easing in Figma_part1
08:32
002 Animation with custom easing in Figma_part2
08:32
002 Animation with custom easing in Figma_part3
08:32
003 Class Project 18 – My Second Animation
01:55
004 How to make animated transitions in Figma_part1
05:47
004 How to make animated transitions in Figma_part2
05:47
004 How to make animated transitions in Figma_part3
05:47
005 Class Project 19 – Page transition
01:31
006 Micro interactions using interactive components in Figma
05:55
007 Micro interaction toggle switch in Figma
04:23
008 Micro Interaction burger menu turned into cross in Figma
04:23
009 Class Project 20 – Micro interaction
01:36
27 – Thumbnail update
0/2
Download Resource Files
001 How to change the thumbnail for Figma Files
04:10
28 – Exporting
0/10
Download Resource Files
001 How to export Images out of Figma_part1
03:50
001 How to export Images out of Figma_part2
03:50
002 How to share you document with clients & stakeholders_part1
03:35
002 How to share you document with clients & stakeholders_part2
03:34
003 Talking to your developer early in the figma design process_part1
01:57
003 Talking to your developer early in the figma design process_part2
01:57
004 Sharing Figma with developers & engineers handoff
06:07
005 What are the next level handoffs aka design systems
03:18
006 Class Project 21 – Finish your design
04:57
29 – What next
0/4
Download Resource Files
001 What next for you and Figma_part1
02:02
001 What next for you and Figma_part2
02:02
001 What next for you and Figma_part3
02:02
Figma UI UX Design Essentials
About Lesson

You can download VietNamese Subtitle for topic here (Tải phụ đề tiếng Việt): Click here

You can download English Subtitle for topic here (Tải phụ đề tiếng Anh): Click here

Join the conversation
Previous
Next

Please contact me via telegram

DMCA.com Protection Status