In this video, I've made it super easy for you to get started with Figma in தமிழ். I know you're excited about bringing your sketches to life digitally!
I cover all the essentials, like frames, masks, boolean groups, colours, typography, prototyping, and auto layout. After watching, you'll be all set to start designing. So, dive into the video, and let the design fun begin! Enjoy, folks!
#figma #figmatutorial #masterclass
New UI Changes in Figma UI3 - • Breaking Down Figma's UI 3 2024 Update - W...
Other videos to UPGRADE your Design Skills! Watch Now:
1. How to Design Responsive website - • Learn How to Design Responsive website | S...
2. How to use Breakpoints in Responsive Design - • Breakpoints Explained | Beginners | UXUI D...
3. Don't go for your 1st design interview without watching this video - • DON'T GO FOR YOUR 1st UXUI DESIGN INTERVIE...
4. How to Write an ATS-Optimised Resume for Freshers - • How to Write an ATS-Optimised Resume for F...
Practise files:
1. Auto Layout : https://www.figma.com/community/file/...
2. Prototype : https://www.figma.com/community/file/...
3. Components : https://www.figma.com/community/file/...
4. Variables : https://www.figma.com/community/file/...
Time stamps:
00:00 - Introduction
01:05 - Figma Basics
01:35 - A Clarification before starting
02:08 - Frames
05:18 - Shapes
09:30 - Pen Tool
10:12 - Plugins
11:51 - Text Property
16:16 - Layers Panel
18:07 - Blending Options
19:07 - Boolean Options
22:35 - Alignment
23:17 - Colour Panel
27:03 - Layout Grid
28:33 - Rulers
30:58 - Basics of Auto Layout
32:38 - Light & Dark Theme
32:47 - Basics of Prototype
35:05 - Finished Basics of Figma
35:15 - Let’s dive deep into Auto Layout
46:37 - Auto Layout Resizing Properties
57:49 - Let’s dive deep into Prototype
57:58 - Basics of Prototype
01:01:02 - Six Commonly designed interactions in prototype
01:06:14 - Let’s dive deep into Components
01:16:22 - Let’s dive deep into Variables
01:30:35 - Figma Mastered!! Let’s start Designing!!!