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

32 Comments

  1. 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?

  2. 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.

  3. 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!

  4. 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???

Leave A Reply

Please enter your comment!
Please enter your name here