Learn how to use Figma to design websites.
💻 Figma link:
✏️ Course developed by Joy Shaheb. Check out his channel:
⭐️ 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
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
And subscribe for new videos on technology every day:
50 Comments
Joy Shaheb
3 years agoThank 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
Tesla
3 years agoMY ASS is OVER HERE
Relaxing Time
3 years agoPlease upload advanced level course…. I'm waiting
Marcos Antonio de Araújo Cavalcanti
3 years agoCongratulations! There will be no video for Figma Course – Web Design Tutorial for advanced (Design system, Plugins, Library, Prototypes, save Time)? Thank's!
A
3 years agoI learned alot! Thank you !
Ramgopal Jayaraman
3 years agoHi 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 ?
show more show lessKevin Shank
3 years agoYou guys are aMaZiNG
how hello
3 years agook?!
tori
3 years agoA 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
Moses Nandi
3 years agoWatched all of it. This was one great tutorial!
Michał G
3 years agoThanks man, now im gonna select THIS LIKE THIS 😉
Pro Patria
3 years agoWhy are you yelling at me ? 🥺
Angry Teach on Gentoo Linux
3 years agoThis guy is scary good)) Thank you for a nice tutorial!
Ash beatz
3 years agoThe video OVERHERE is spectacular 💣
YAHUAH'S son & friend
3 years agoAlways 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🙂🙂🙂
show more show lessSofia Designs
3 years agoGreat tutorial … Well explained
Yan Moe Naing
3 years agoI appreciate him very much for making sure we understand what he is talking about.
Mask Man
3 years agoI 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 😀
Emmanuel Fleurine
3 years agoI really learned a lot. Thanks so much
Little MicMic
3 years agoExcellent lesson! Excellent presentation and demo!
Marco Castiglia
3 years agoThanks for the tutorial… But if I have to listen to this guy for 3 hours straight I wouldn't dislike a more pleasant voice… it's driving my mad
Shanoor Sameeullah Mohammed
3 years agoJoy have mentioned the advanced tutorial when it is coming out or already came, if not please make it come asap because I am waiting to learn more on figma….
The Atypical Developer
3 years agofull of valuable context, thanks for sharing your knowledge!
Godwin Ogonna
3 years agoI tried the shift and it did not chage the shape of the distorted circle into a perfect circle like in the video, what am I doing wrong?
yourgflikesit
3 years agoWhy is this guy yelling at me?
Adanna Ogude
3 years agoThis is so far the best figma tutorial video I have watched, thank you very much.
Sivka Burka
3 years agoWatched to 1:08
Shahidul Islam
3 years agoMy ears are bleeding by the tsunami of "over here".
Punisher Ash
3 years agomy man !
Meenakshi Sundaram S
3 years agothank you very much. It was really helpful for my first job.
Koduru Venkata Kalyan
3 years agoThia ia total course ? Right or not ?
ZokiZy231
3 years agoWhy are you yelling at us? 😂
Sun Sen An
3 years agoover here over here over here over here over here over here….
Spark Twain
3 years agoNot all heros have perfect teeth
Susobhan Das
3 years agoBro – look at your face. You should have bought 0.1 usd soap, and clean – before coming to Camera
Jonal Bungabong
3 years agofantastic!
CHITUS💖⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻
3 years agoIt's really helpful. Thanks for this course
Frances Diaz
3 years agoCan you help me find the file to download?
Jona Prodenciado
3 years agoThank you for this! Keep it up.
Gordon Zar
3 years agothis is just sad 😁😁😁🤣
7nthsonofaseventhson
3 years agowaida minute waida minute, there we go….amazing course! exactly what I was looking for!
Daniel Malmgren de Oliveira
3 years agoHej, great tutorial! Did you reease the Advanced version?
Esh Boy
3 years agoI want short video
Peter Warde
3 years agonice
Proloy Karmakar
3 years agoDada bangali ache
Adam
3 years agookey.
Parlier Thierry
3 years agoThank for this tutorial. Was looking for a good one to take me on the way to understand this figma thing 🙂
鳶ノ高橋
3 years agoきに？された
V
3 years agoOmg. I hope he can speak a little bit more clearly.
Abir Paul
3 years agototally hooked to this