Skip to content
+
Course List
Free Ebook
Knowledge Sharing
Back-end
Java Interview
Soft Skill
Search for:
Search Button
Log in
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
Join the conversation
Submit
Bao Dang
15 hours ago
Video lag quá, cứ dừng lại load mãi. Mình đã down 1.1.1.1 về nhưng vẫn không khắc phục được ạ.
Reply
Brian004
59 seconds ago
Chắc có vấn đề về mạng á. Mình vừa thử thấy oke luôn
Reply
Please contact me via telegram
Quick Links
Resource