Convert Figma Design to Elementor WordPress Landing Page - No Quick Method!

preview_player
Показать описание
In this tutorial, I'll show you how to Convert Figma Design to Elementor. After completing this video tutorial, you will have solid knowledge about How to convert a Figma Design to a Custom WordPress Website Project using Elementor and also How to convert Figma To WordPress Landing Page.

🔴 TOP WORDPRESS DEALS IN 2022 🔴
===============================

🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================

🔴 BEST WORDPRESS HOSTING 🔴
============================

🔴 CONTACT WITH ME 🔴
=====================

🔴 Chapters: 🔴
0:00 Introduction
1:26 Preview of the project
3:39 Install Astra WordPress theme
4:23 Install elementor Free plugin
5:15 Start Creating Header and footer with Typography and Other Global Settings
6:22 Create Necessary pages
9:03 Create a Primary Menu
10:31 How to export logo or images from Figma design
12:24 Change the Global Color
15:27 Change the Global Typography
18:25 Build Header Using Astra Header Builder
41:07 Build Footer Using Astra Footer Builder
1:08:30 Start Creating Hero Area
1:28:08 Start Creating Achievement/analytics section
1:34:15 Start Creating Two Column info Section
1:40:30 Start Creating Feature Section
1:56:20 App Setup Process Section
2:08:00 Create Testimonial Section
2:17:17 FAQ's Section or Frequently Asked Question Section
2:31:50 Call To Action Section
2:38:34 Outro
2:38:42 Responsive Design Next Part
Рекомендации по теме
Комментарии
Автор

Riad, you are an amazing instructor. I just learned Elementor from your video. I'm recommending this video to all of my fellow devs. Tons of love and blessings from Kolkata.

tirtharajbhowmik
Автор

Awesome I always wanted a video where they teach from scratch and not just a tutorial but a full project. I have also watch your responsive design video after this and now I am confident in my ability to convert websites from one platform to another. Hats off brother. Keep doing the good work 👍

abdulwahabbabar
Автор

I love it when skilled indians speak english so the cotent can reach a larger audience and help more people....thanks

isaacprosper
Автор

This channel should have hundreds of thousands of followers. This was a fantastic follow along tutorial. Your instructions were so clear and easy to follow. Thank you! Subscribed.

laraking
Автор

You just gift me something so special, I started learning Figma after a year of using Elementor, now you've helped me discover how to convert my designs into a pixel perfect website. THANKS!

danielfunnels
Автор

Mashallah brother you are really No boring, no fast only learning... I really like your tutorial...

GamerzzBeta-ewpp
Автор

I like relaxed, slowed down and unhurried tutorials. thank you, you are very clear and complete.

soufianefal
Автор

Bro One of the best tutorials out there. <3

TanjirChowdhuryFahim-mszm
Автор

You should be awarded for this Man...what a tutorial...loved it

Dev-jl
Автор

brilliant work
thanks a lot a appreciate it
i really learned a lot from you bro
thanks
and may allah bless you
thanks

moudyhassan
Автор

I like your presentation. Mark it watch later as its a long duration video. Will complete it. Keep up the good works.

voboghure-dev
Автор

I really appeciate this video you've made. I found it just in time and it helped me in a just completed project

johnshakunle
Автор

Very nice video! I'm personally use Elementor Pro with Hello Theme. Pretty much everything that you can set in Astra can be set into Elementor Pro itself (global styling). With the containers that replace sections, it’s even easier to align stuff on all devices just using Elementor. So I can't really find Astra very useful when Elementor give pretty much all the same options. And I'm pretty sure that Hello is lighter than Astra. Other than that, I learned some good stuff on the Figma side on how to grab the info needed to add to Elementor for each element of the template.

I'm starting the built of your design with Elementor Pro and Hello Theme and I'll send you the link to see it. I would like your advice on it if you have time.

Thanks again !

jfbeaulieu
Автор

I am subscribing to this channel right away, this is the best channel I ever came across. Thank you so much for sharing this, it's really helpful. Can you please do a full tutorial on how to create an E-commerce website using Wordpress and Elementor builder? Thank you

herdayboyehasiru
Автор

This video is very helpful who want to know everything of customization.

jahirrana
Автор

Riad! This kind of tutorial is exactly what I am looking for. I appreciate all your work and you deserve more followers and views. I subscribed in your channel! Keep going.

lykajane
Автор

Love this video, is my first time here and i love how you explain everything, you did it great, congrats for your first time in camera! ;)

LabibliaAI
Автор

thanks, vai, for my first steps and my goal, thank you, boss, and I love Riad Mahmud

Luckyseif
Автор

It's amazing!!! I am following you on your Bangla youtube channel. I was wondering why you are not making any more content. Then I found your recent channel. Thanks for your amazing tutorial.❤

jnayeem
Автор

This is my 1st video in your channel. And I already subscribed. Comment after 2:40:00 Hours. Still not felling bad. Just awesome tutorial🔥❤️

liosdigital