From Figma to Elementor: Beginners tutorial project

In this Wordpress Elementor Tutorial I show you how you can transform your Figma design into a real website with Elementor, all for free. Using free hosting, the free version of Elementor and the free version of Wordpress.

All the links mentioned in the video

→ Software I recommend

→ Starter Guides for Beginners

→ Full A-Z Courses

→ Social media

Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[Mayth]

Your WordPress tutorials are always the best!
Especially as a non-native English speaker, your speaking pace really helps me understand the content.
What's even more amazing about your videos is that you go into detail about things that are confusing to a beginner. You don't just give the right answer, you show the wrong answer first and explain why you shouldn't do it, which is really helpful.
It's also very helpful to see the videos of you finding and fixing the little bugs you encounter while working with Elementor.
Thank you so much for providing such high quality guides on YouTube.

[asantamzid]

we want more and more video Figma to elementor design like this!

[genemoore]

You're such a great teacher Rino. GREAT job.

[Mehedihasan_]

You are such an experienced WordPress developer.
You know every little setting that affects the design.
Please make more videos and also how to add the header in this type of design.
Thanks for your service ❤️

[adele-omni]

Amazing video as always, Rino! 🚀 You really have a talent to explain even complex things in a beginner friendly way and break it down to the steps that are understandable for all :)

[tonybp]

Can't wait to see the header tutorial 👍

[luowastaken]

Awesome! Have been waiting for a video like this from you Rino.

[ElementoryMyDearWatson]

Very enjoyable Rino. Always something to be learned from your tutorials.

[chillingarenaa]

Amazing step by step video as always 😊

[kristaknijff]

You are the best, thanks for this great tutorial!

[annacastillo]

Silent follower here. So glad for you sharing your knowledge ❤

[bjon]

I like how you position yourself to keep your focus. 'Webdesigner and no-code developer'.

[BenEllis-jdmc]

Hey Rino, thanks for this! Been waiting since the Figma video 😂

[michaeldaives]

Wish I had this tutorial 3 years ago 😢 - can’t believe I’ve done so many work arounds 😢😢😢😢. Excellent vid thank you

[mankilany]

Great video for begginers like me. Thank you!

[JunaidAhmed]

looking forward to see more tutorials like this

[BilalShirzadDev]

The way of teaching is much better and I love it. But if we used </br> for the Hero Champion text will not need padding for separate screen sizes I think, but we are no code developers.😘

[SillyWeb]

awesome build loved the designa and website

[MGallear]

After building a few websites I've quickly realised that I dint enjoy the development side, too much time and too much headache. So in all honesty it's better working with a developer and sticking to the design aspect because that's what I enjoy more.

[sariousboy]

31:37 For Windows users press:
Win key + Shift + S
To make a Screenshot of a specific area of the screen