×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Join Our Telegram Channel Now to Get Any New Free Courses : Click Here

FIGMA HANDBOOK 102 Figma to HTML

Share your inquiries now with community members Click Here
Previous Lesson
Sign Up and Get Free Certificate
Sign up Now
Lesson extensions

Lessons List | 101 Lesson
FIGMA HANDBOOK 01 Figma Design Tool
00:00:54

FIGMA HANDBOOK 01 Figma Design Tool
FIGMA HANDBOOK 02 Familiarizing with the Figma interface
00:01:18

FIGMA HANDBOOK 02 Familiarizing with the Figma interface
FIGMA HANDBOOK 03 Basic Tools
00:02:15

FIGMA HANDBOOK 03 Basic Tools
FIGMA HANDBOOK 04 Position Size Rotation Corner Radius properties
00:01:28

FIGMA HANDBOOK 04 Position Size Rotation Corner Radius properties
FIGMA HANDBOOK 05 Color Styles
00:01:14

FIGMA HANDBOOK 05 Color Styles
FIGMA HANDBOOK 06 Masks
00:01:48

FIGMA HANDBOOK 06 Masks
FIGMA HANDBOOK 07 Dark Mode with Selection Colors
00:01:18

FIGMA HANDBOOK 07 Dark Mode with Selection Colors
FIGMA HANDBOOK 08 Gradients
00:01:37

FIGMA HANDBOOK 08 Gradients
FIGMA HANDBOOK 09 Creating Backgrounds
00:02:37

FIGMA HANDBOOK 09 Creating Backgrounds
FIGMA HANDBOOK 10 Blending Modes
00:02:02

FIGMA HANDBOOK 10 Blending Modes
FIGMA HANDBOOK 11 Alignment Distribution Tidy up Properties
00:01:25

FIGMA HANDBOOK 11 Alignment Distribution Tidy up Properties
FIGMA HANDBOOK 12 Union and Corner Radius
00:02:53

FIGMA HANDBOOK 12 Union and Corner Radius
FIGMA HANDBOOK 13 Shadow and Blur Effects mp4
00:01:49

FIGMA HANDBOOK 13 Shadow and Blur Effects mp4
FIGMA HANDBOOK 14 Using Images
00:02:01

FIGMA HANDBOOK 14 Using Images
FIGMA HANDBOOK 15 Fill Stroke Advanced Stroke
00:03:22

FIGMA HANDBOOK 15 Fill Stroke Advanced Stroke
FIGMA HANDBOOK 16 Text Properties and Styles
00:01:38

FIGMA HANDBOOK 16 Text Properties and Styles
FIGMA HANDBOOK 17 Google Fonts and Custom Fonts
00:01:14

FIGMA HANDBOOK 17 Google Fonts and Custom Fonts
FIGMA HANDBOOK 19 Responsive Design
00:03:08

FIGMA HANDBOOK 19 Responsive Design
FIGMA HANDBOOK 20 Constraints
00:01:11

FIGMA HANDBOOK 20 Constraints
FIGMA HANDBOOK 21 Layout Grid
00:02:01

FIGMA HANDBOOK 21 Layout Grid
FIGMA HANDBOOK 22 Auto Layout in Figma
00:08:18

FIGMA HANDBOOK 22 Auto Layout in Figma
FIGMA HANDBOOK 23 Vector Mode
00:00:55

FIGMA HANDBOOK 23 Vector Mode
FIGMA HANDBOOK 24 Vector Network
00:01:20

FIGMA HANDBOOK 24 Vector Network
FIGMA HANDBOOK 25 Perspective Mockups
00:02:00

FIGMA HANDBOOK 25 Perspective Mockups
FIGMA HANDBOOK 26 3D Mockups
00:01:21

FIGMA HANDBOOK 26 3D Mockups
FIGMA HANDBOOK 27 Using Illustrations in Design
00:02:04

FIGMA HANDBOOK 27 Using Illustrations in Design
FIGMA HANDBOOK 28 Booleans
00:02:25

FIGMA HANDBOOK 28 Booleans
FIGMA HANDBOOK 29 Icon Design
00:01:49

FIGMA HANDBOOK 29 Icon Design
FIGMA HANDBOOK 30 Components
00:01:50

FIGMA HANDBOOK 30 Components
FIGMA HANDBOOK 31 Team Library
00:02:15

FIGMA HANDBOOK 31 Team Library
FIGMA HANDBOOK 32 Creating Confetti
00:01:59

FIGMA HANDBOOK 32 Creating Confetti
FIGMA HANDBOOK 33 Looper Shape Duplication
00:01:42

FIGMA HANDBOOK 33 Looper Shape Duplication
FIGMA HANDBOOK 34 Apple Watch Ring
00:02:24

FIGMA HANDBOOK 34 Apple Watch Ring
FIGMA HANDBOOK 35 Exporting Assets in Figma
00:01:39

FIGMA HANDBOOK 35 Exporting Assets in Figma
FIGMA HANDBOOK 36 Export CSS Code
00:01:05

FIGMA HANDBOOK 36 Export CSS Code
FIGMA HANDBOOK 37 Designing with Data
00:01:57

FIGMA HANDBOOK 37 Designing with Data
FIGMA HANDBOOK 38 Prototyping
00:02:25

FIGMA HANDBOOK 38 Prototyping
FIGMA HANDBOOK 39 Version History
00:01:25

FIGMA HANDBOOK 39 Version History
FIGMA HANDBOOK 40 Multiplayer Commenting Previews
00:01:37

FIGMA HANDBOOK 40 Multiplayer Commenting Previews
FIGMA HANDBOOK 41 Variants
00:05:40

FIGMA HANDBOOK 41 Variants
Show More Lessons

Comments

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

We Appreciate Your Feedback

Be the First One Review This Course

Excellent
0 Reviews
Good
0 Reviews
medium
0 Reviews
Acceptable
0 Reviews
Not Good
0 Reviews
0
0 Reviews


Related Courses in Web Design
Web Design for Beginners
7 Lessons

Web Design for Beginners

Adobe XD Web Design Tutorial For Beginners
41 Lessons

Adobe XD Web Design Tutorial For Beginners

ux ui
48 Lessons

ux ui

WIX Website Design for Beginners
8 Lessons

WIX Website Design for Beginners

GSAP Animation for Beginners
3 Lessons

GSAP Animation for Beginners

WordPress Website Development for Beginners
11 Lessons

WordPress Website Development for Beginners

Flutter App Development
82 Lessons

Flutter App Development

Business Website Design for beginners
3 Lessons

Business Website Design for beginners

Website Design Fundamentals
5 Lessons

Website Design Fundamentals

HTML Web Designing From Zero To Hero
18 Lessons

HTML Web Designing From Zero To Hero

Web Design Techniques for Beginners
14 Lessons

Web Design Techniques for Beginners

Adobe XD Techniques for Beginners
12 Lessons

Adobe XD Techniques for Beginners

Notion Techniques for Designers
9 Lessons

Notion Techniques for Designers

Editor X for Beginners
3 Lessons

Editor X for Beginners

Anima App Essentials
10 Lessons

Anima App Essentials

Figma Basics for Beginners
13 Lessons

Figma Basics for Beginners

Course Description

Figma design tools, in this course we will learn about Figma design tools. Figma is a powerful, cloud-based interface design platform used by professionals to create web and app UI, wireframes, and prototypes. We’ll begin by exploring the Figma workspace, including the toolbar, layers panel, and properties panel. You'll learn how to use essential tools like the Move Tool, Frame Tool, Shape Tools, Pen Tool, and Text Tool to build layouts and components. We'll also dive into more advanced features such as constraints, auto layout, vector editing, and Boolean operations. Throughout the course, you’ll practice by creating sample UI elements and learn tips to speed up your workflow using keyboard shortcuts and smart guides. Whether you’re new to UI/UX design or looking to enhance your skills in Figma, this course will give you a strong foundation in using Figma’s core design tools effectively for professional and collaborative design projects. DesignCode
Trends
Recent
Previous Lesson