Figma tutorial for Beginners: Complete Website from Start to Finish
June 29, 2024 2024-06-29 17:27
Figma tutorial for Beginners: Complete Website from Start to Finish
Build alongside Ran by downloading the starter file here 👉 https://bit.ly/figma_tutorial
Check out our brand-new Figma for Web Designers course with @MaddyBeard: https://bit.ly/figma_course
Need a new Figma account? – https://psxid.figma.com/s8z3306bhq0h
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
Comments (23)
@davitanexus
i know its gonna be great 😁
@demythekidd888
Where is the part 2?
@WilliWonka-m4g
bro is insane! best video I watched this year. I will only use sigma in future
@aabhasakharwade4193
19:27 How did the rectangle move only?
@cristina.getfit
Amazing tutorial, thank you!
@angeloperera2681
Was exactly what I needed. Thanks!
@user-mm3xo8sn6c
Thank you so much you saved my life
@CustomKing2023
please put the next video link somewhere. that would be easier to find it . thanks for the work.
@TTDux
Where did you do the design on the left side where the text and images are and where did you drag and drop from? Thank you, I love your content and this taught me the most of any video , I have ADHD so my attention span is always tested😂
Can I make a figma page look (design) and add it to Wix or Squarespace ? Pls help me ? I need someone to weld a site with the figma pages you made, or host pages or whatever it is ? So I want to export the design I made to Wix example
@UrchauvinistVampire
FINALLY FOUND THE DAMN ORIGINAL SOFTWARE YESSSIIIIR
@user-ml6zv2yi5s
Great tutorial!! Can you extract this as code or the only thing you can do with this is to make it in webflow?
@subashinigunawardana9524
Amazing tutorial, really enjoyed it. Keep up the good work 😊
@liamczyzniejewski9852
This was not helpful at all. Awful tutorial
@jermainemyrn19
Do interviewers look down on using this?
@ibtissamouakha3920
so good ! thank u
@Dumogu2031
Incredibly fun to follow along and super charming tutor hehe
@fatumeshariff7447
I have given you my email but no response! What do i do to get the file?
@definitelynotje
can u guys send me the figma file pls
@definitelynotje
wtf best video about figma
@crallo_phades
It seems like if you know how to use the adobe suite then you can learn Figma at an exponential rate
@richdevil5816
💯👏
@ayesha8427
how long will it take for you to send me the starter file?
@fromgreetings
FIGMA is run by a zionist who has retweeted his support for netanyahu and the genocide in Gaza.