Once you are through this Basic / Essential course, you can learn Figma - Advanced Course here: edu.ralliheart.com Figma UI-UX Design Advan...
Once you are through this Basic / Essential course, you can learn Figma - Advanced Course here: edu.ralliheart.com Figma UI-UX Design Advanced Masterclass
Video Timeline
- 0:00:00 - Intro to Figma Essentials
- 0:03:10 - Getting started with Figma
- 0:05:55 - What is Figma?
- 0:09:42 - Difference between UI & UX
- 0:15:05 - What we are making?
- 0:24:23 - Class project 01- Create your own brief
- 0:28:24 - What is Lo Fi vs Hi Fi
- 0:30:58 - Introducing frames in Figma
- 0:39:27 - The basics of type & fonts in Figma
- 0:50:19 - Rectangles Circles Buttons in Figma
- 0:57:09 - Middletro
- 0:58:07 - How to use color in Figma
- 1:03:53 - Strokes & color defaults in Figma
- 1:13:21 - Object editing in Figma
- 1:15:08 - Scale vs Selection Tool in Figma
- 1:17:47 - Frames vs Groups in Figma
- 1:27:11 - Class project 02- Wireframe
- 1:30:12 - Free icons in Figma
- 1:39:23 - Matching the stroke in Figma
- 1:44:39 - Plugins in Figma
- 1:49:11 - Class project 03 - Icons
- 1:52:59 - How to use Pages in Figma
- 2:01:31 - How to prototype in Figma
- 2:11:15 - Prototype animation in Figma
- 2:22:08 - Testing on your phone in Figma
- 2:27:49 - Class project 04 - Testing on your phone
- 2:31:40 - Smart Animation & delays in Figma
- 2:40:25 - Class project 05 - My first animation
- 2:42:26 - Sharing & Commenting in Figma
- 2:49:36 - Sharing with others in Figma
- 2:56:35 - Outro
Learn Figma - Advanced Course: edu.ralliheart.com Figma UI-UX Design Advanced Masterclass
Keywords
user interface, ui ux course, user experience, web development, framework, wireframe, advanced website tutorial, design, web design tutorial, front end engineer, software front end, learn to design, advanced design technique, app design development, software design tutorial, figma tutorial, figma
No comments