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
👾 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

39 Comments

  1. Thank you Mr. Beau and @freecodecamp for featuring my works in your wonderful platform. I hope everyone loves it 😄

    Looking forward to post more amazing tutorials in the future ❤ 🌟🌹
    You guys can send me content suggestions as well

  2. I am pretty sure this is the best figma tutorial for beginner, the author covers everything with great explanations/examples/illustrations, thank you Mr. Joy Shaheb for creating this amazing and awesome figma tutorial, it helps so much for people to get right in, you know 😀

  3. Always remember to repent of your sins (sin is transgression of YAHUAH The Father In Heaven’s LAW: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy) And Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that you can be forgiven of your sins!

    HE Loves you! Come to HIM🙂🙂🙂

  4. A step by step guide on how you download the illustrator project to your desk top is needed. As well as how to transfer a download project to your own project was missing in this tutorial.
    Otherwise tou did a great job

  5. Hi Joy. Thanks for posting the video. Can you please let me know where cani find the dropdown list , radio buttons readily available for a drag and drop like a rectangle or a text.

    Is there a way that we can make it interactive that when the Play button is pressed the system should type in a value like email id : field as if a user is typing it and clicking on Sign In button like that.. Can we make that in figma ?

Leave A Reply

Please enter your comment!
Please enter your name here