Do It Yourself – Tutorials – Figma Course – Web Design Tutorial for Beginners

by | Sep 2, 2021 | 0 comments

Do It Yourself – Tutorials – Figma Course – Web Design Tutorial for Beginners

by | Sep 2, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



Learn how to use Figma to design websites.

💻 Figma link: https://www.figma.com/community/file/1006624870389379433

✏️ Course developed by Joy Shaheb. Check out his channel: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:04:32) Figma Setup
⌨️ (0:08:05) Left Panel
⌨️ (0:14:34) Top + right Panel
⌨️ (0:40:57) Text Tool
⌨️ (0: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

🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse
👾 AppWrite

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

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>