Today, Ran shares a Figma Tutorial with you guys, where he’ll build a very cool website. Build alongside Ran by downloading the starter file here 👉 https://bit.ly/3LrnwR5
See part 2 on how to build this site with Webflow: https://youtu.be/JnwATqjYohI
📽️ CHAPTERS
00:00 – Introduction
01:00 – Figma interface overview
04:30 – Page & grid setup
09:30 – Designing the hero & navigation
21:20 – Creating the background effect
25:00 – Building the content section
30:50 – Masking & blend modes
36:30 – Using Gradients
39:00 – Building the footer
40:40 – Designing a form
42:00 – Next steps
⬇ If you would like to watch more Figma Tutorials, please let us know in the comments ⬇
Don’t forget to subscribe to our channel for more Design Content. Click here 👉 https://bit.ly/33byV7L
🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 https://bit.ly/3jMxocU
📱 Find us on SOCIAL MEDIA
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Ran’s Instagram 👉 https://www.instagram.com/ransegall/
Thanks for watching our video!
#Figma #WebDesign #FluxAcademy
source
Thank you Ran for Awsome Figma tutorial
Ran where is the responsive part?
Thank you! Great insights!!
Curious as to why all the elements I try to place in the desktop don't stay where I dragged them, and instead are moved to the upper left corner
I really enjoyed and learned a lot from this video… cant wait for part 2
Hello, I couldnt download the assets…i just saw this "Download the Figma file
Let us know where should we send the Figma file to." no inout form to submit email or something…did i miss something?
Great, aesome tutorial
the best channel on youtube for UI design! great great tutorial!😊..Thank you so much!
Please make more tutorials of Figma plugins, prototyping, wireframing:)))))
I can't use the linear handle idk why but it's not moving
By the way, thank you Ran for your amazing content, I loved it🥺❣
Great tutorial, except you forgot one thing. "Complete Website" in the title suggests that … well … you have a website but at the end of this tutorial all i have is a nice figma design. How do I get this into react or even into plain ol html? I tried the anime plugin and it is TERRIBLE and you have to pay for it. Literally a night mare to maintain code generated by that plugin. Sorry for the stark comment, I just think that anyone that would be watching this video would be someone that was experienced with coding but a beginner on the pretty side of things.
I'm starting to learn Figma.
How do I access the starter file???
I am shocked. I just came across the Figma and Webflow platforms in the last couple days. I had no idea these tools existed. If anyone is looking for help with their designs, I would gladly work for free or collaborate at a cheap rate. I want a career like this. Wow!
really helpful and informative by the hand-on practice. thanks for sharing
Great video but I can't access the exercise file.
Figma file not downloading. Please update the link
please use the fking night Mode man
I don't understand the purpose of this figma yet if all you do is just to design something that you cannot actually convert to HTML and CSS. Is there something I am missing? What is the point of this video?? Where is the part 2 that you said you will make???
what a waste if time it was.. u already have what to copy.. u r just copy pasting it..
Hey how are you?Thanks for tuto.I don't know why but the link to get the starter files does not work.Any idea?Thanks again
Certified the Best
Thank you sir, great jobs but
the resource files are not here, where is the link to the files sir?
please what's the software to use in building a website
hi there, this was a great tutorial. but i need help getting the materials used in this tutorial the link isnt helping
Hello, thanks for this tutorial, How do I download the resource file, I'm Kinda having a hard time doing that. thanks
12:50 where did he get this beautiful icons / elements for free ? Is it a kit or a preset?
The starter file is taking so long to be sent!
Thank you so much, this was so easy to follow. can't wait to try out part 2
please I can't find the assets on the link provided
cant download the file theres no where to input email on your website
I am taken to a website without any way to download the starter files. Any suggestions ?