Figma Tutorial For Beginners 2024 | Web Design of Landing Page
Вставка
- Опубліковано 9 лют 2025
- In this video we're going to create a cool landing page in Figma.
Even a beginner will be able to repeat such a design and, having trained, take orders and make money online, making cool website design.
I have a video with step by step instructions on how to set up this design on wordpress website.
If you want to buy access to this instruction for $27, send me an email to steveditor1@gmail.com with the title "Figma website".
My instagram:
/ steveditor
I started my journey to 100,000 followers on instagram. Every day I record videos, share news, useful tips and tricks, follow my progress here - instagram.com/steveditor.
This video is amazing, but how can I remember the measurements of frames or the lines used? Do I need to memorize them, or is there a general rule for this?
As someone who knows nothing about Figma, this tutorial is exceptional. Thanks.
17 min but i used 4 hours to complete it. i'm an absolute beginner but i learnt so much from this. Thank you so much
You used the free version or the paid version
Awesome awesome. Just amazing. Although I am a professional UI/UX designer I have to say your skills are insane. Very good. Keep up the good work bro.
this is where i start as web devs, ill learn more.
btw, thank you for the vids, thats help a lot.
Steve! I looooooooooooooooooooooooooove your model of teaching. It's so easy to follow. Thank you for your efforts.
This video is amazing, really love the simplicity and the in depth tutorial. Great job.
I see you made this comment 5 months ago. May I ask how you are doing on your design jouney ?
The BEST clear, useful and quiet video without music or disturbance. THANK YOU .
I‘m gaining a ton of value from your videos. I appreciate the work you put into it. Keep it up! 👍
Thank you. I will!
the speed was on point. Leading to a good focus while watching just on point no unnecessary explanations. The repetition of the shortcuts every time you use them makes them really easy to remember. i like it. Keep it up and thanks again.👍
Excellent Presentation with simplicity. Keep it up.
DUDE!!! you're an absolute Monster!!!!!!! Loved your Energy buddy!!
Really appreciate this. Procrastinated this project and first time doing UI design. All the other videos for beginners were far too rushed
Thank u so much. I followed the video step by step and I’ve finished it. The result looks exactly the same with yours. So happy❤
That is a brilliant tutorial Steve, just the right pace. You are truly gifted. Thank you.
Wow. Perfect at explaining for beginners.
One of the best clear step by step information, although never used Figma but he made it look so easy to use!
why everybody shows how to design simple landings, but no one shows full projects with prototyping all pages to get clear understanding
So from where i can learn
Yes you are right
if you find someone to design full project please let me know
Bcz they ain't real product designers they are figma trolls
"Figma tutorial for beginners" there is your answer.
Clean and smooth but detailed ❤
Thanks BTW for your efforts.
Nice tutorial and straight forward.
you are the best teacher, God bless you with more wisdon
Wow...I learned everything about Figma in one video. I love it. Its really helpful for me. Thank you so much Steve.😘
Super clear, I just made my first Figma design. while m developer never did design this made it so easy
Thank you somuch
One of the best videos for beginners in figma. Explanation on point and clear! I would recommend to viewers to watch this until the end.
Reeeally helpful!!
nice very nice!
Thank you.. This was really helpful.. I'm a beginner and I created a fintech landing page.. Thanks
Are you from DGgirls
Really Your Videos was Very Straight and Forward to Understand.... All the Best
Great tutorial , appreciated
very informative thank you
Very welcome
thank you! great video and tutorial!!
Thank youuuu so you for this video, very helpful.❤
Short and detailed.🤗
Great tutorial. Thannk you!!
Magnific! Thank you!!!!
Great teaching ❤😊
Outstanding tutorial
Great bro awesome video 👍
Amazing and fast time save❤
First try today with figma, will keep working on it till i get better.
please upload more videos in landing page design in figma
First!
Thank you 🙂
Really helpful!
Great tutorial.
Great tutorial , appreciated
lovely
please do more videos about that, i would learn so soo much i begging you
Awesome
thank you so much.. i recreated a nice replica😁😁😁
If i understand correctly i have to press command + option + G on Mac or Ctrl + Alt + G on WINDOWS
Very good video 💖💖
I wonder why there are two different voices ;) But im happy to get free access this way :D
Dear Steve ur video help me alot
hi bro, good video. can you show how I can import it to shopify?
Excellent
Hi Steve... first - wonderful wonderful insightful Figma tutorial video!!! Very well done... just like the styling of the video, pace, and content presented.. a complete start to finish look in 17 minutes though it took WAY LONGER lol with me trying to practice and duplicate it for myself in Figma. That said, sorry if I missed this... I noticed throughout heavy usage of Ctrl-Alt-G to group objects into a frame... With all of the emphasis on RESPONSIVE this and that these days... am I correct since there weren't many if any SHIFT-A s used... I'll have to go back to SHIFT A (auto layout) everything in order to make it RESPONSIVE... CORRECT? Just checking before I have to reinvent the wheel. Either way I am immensely grateful and thankful for what you have provided here!!!
i realy learn somenthing after searching so many people whot do not teache nothing!
Hi and thanks for the video, but isn't it missing how to make the menu work and how to link between pages?
Now I'm sitting with a nice layout, but I can't move on?
compliments really
This video is precious
All the way I expected for Steve to tell about the Prototype thing, how this landing would look and work in the preview mode because that's particularly what I can't do. Anyway, thanks for the great video!
P.S. I wonder how do you manage to add and remove your slavic accent? :)
Amazing video learn alot. Have some confusing does it necessary to create separate section for different part of landing. Like even we can design in one frame instead of creating separate.
Thanks a lot for sharing.
I have some experience designing most webapps and mobile application, but I want to design great Landing pages.
Doing a landing page as this one, how much do you think to charge in usd? One of 4 sections.
Amazing what about responsiveness for mobile?
Super valuable
can you make for mobile tutorial, ?
hats off
After completed this project can i uploaded it my domain?
How do you apply the finished design onto a website so you can actually have a functioning landing page?
How do you create links between the pages?
Amazing video!!! But as a beginner, what next? How do I upload to your domain?
Did you ever find out?
Hi, Can you share the figma project of this video?
thank you
At 4:55, the correct command is Cmd+G
Do you have job victoria love from pakistan
I am from Bangladesh
How can I remember the measurements of frames or the lines used? Do I need to memorize them, or is there a general rule for this?
more tutorials for figma
dont we need to use auto layout, constrain's while creating a web design ?
Steve can you please give my the info about your USB mic how about your experience with it, I want to buy one for my social media videos, and please let know about the price?
Hello, A question why do you use layout and not group ? Group is more easier to editing from what I see (beginner question) ?
😄 AWESOME but it would be much better, if it was in auto layout, and figma has changed a lot, it was detail though, i could make an exact replica of it without any hassle, but, there are very tiny details which i feel could be more focused on like the gap between each components, the plates, difference from the heading and the body text etc...
Better way than bullshit courses from non have the skills to teach
Congrats Bro
I haven't found any Vectary 3D plugin. Please help me.
This is great but how to take this design and actually convert it into a website?
But how can I use them do i have to build them again is for exampele GHL or Clickfunnels? Is this just the Blueprint?
can we link it with our domain?
Can I become a ui designer or ux designer if am only know Figma
Great tutorial ... Clear instruction and easy steps to follow
Glad it was helpful!
how do u make it as a website?
How we get grids after typing steveeditor
You are hot and your videos are very useful. One thing is I would love it if you explained why you do the things you do. Why for instance create a frame why is that good. What are you trying to achieve? I find its really useful for me to copy you but I find it hard to recreate because I don't know why you did what you did. If I understood that, then I could make my own design decisions. Thank you.
can you share the final result in the description?
great tutorial. but can you help how to turn in into a real website?
how to snuggle each frame to each other ??
usfull
how you make it functional?
did you ever find out?
HOW CAN YOU SAVE
but how can u publish it
Please how can I undo an error 😩
How to remove background from a image
but u didnt not tell us how to export it as html and css
but u didn't make it responsive nor u did prototyping