Do It Yourself – Tutorials – Figma Tutorial for Complete Beginners || Build 1 Responsive Web design Project || Web design | Figma

by | Aug 17, 2021 | 0 comments

Do It Yourself – Tutorials – Figma Tutorial for Complete Beginners || Build 1 Responsive Web design Project || Web design | Figma

by | Aug 17, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Today We’re gonna learn figma & all of the tools figma carry. This video is divided into 11 sections.

Figma Link : https://www.figma.com/community/file/1006624870389379433

Table of Contents –
0:00 – Intro
4:32 – Figma Setup
8:05 – Left Panel
14:34 – Top + right Panel
40:57 – Text Tool
59:10 – prototype test
1:03:54 – Auto Layout
1:17:06 – Layout Grid
1:22:27 – Constraints
1:29:07 – Components
1:36:54 – Desktop Design
2:32:54 – Mobile Design

Have a Question or Project idea? Let me know about it in the comment box down below. 👇

Both Suggestions & Criticisms are Highly Appreciated ❤️

Follow me on:
👉 LinkedIn : https://www.linkedin.com/in/joyshaheb/
👉 Twitter : https://twitter.com/JoyShaheb
👉 Instagram : https://www.instagram.com/joyshaheb/
👉 Github : https://github.com/JoyShaheb

Queries Solved –
1) Figma Tutorial
2) build a web design project with figma

#Figma #WebDev #WebDesign

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>