If you saw our previous video. You saw we designed a Minimal looking business website using Figma. That Figma tutorial covered the whole design process. In this video, we will convert that UI/UX design into a Gutenberg WordPress website. So, we covered the whole WordPress Figma conversion in this video.
WordPress Gutenberg page builder is a solid page builder in WordPress. And using this, you can make a very functional minimal website for your business. We used this to make our Figma design into a WordPress minimal theme for business.
But WordPress Gutenberg editor does have some limitations block-wise. It does not have a variety ranges of block designs like the Elementor page builder for WordPress. But it’s growing its popularity. And of course, there’s always a workaround. And we did the same used very simple CSS using WordPress CSS editor. So, you can learn how to add CSS to WordPress too.
We were careful during our Figma design. So, that we don’t have to use too much CSS in the process, and Figma to WordPress conversion becomes easy. To some extent, we succeeded. What do you think about that?
Now, you might think, if we have to some CSS, why don’t we some other Pag builder instead. Well, Gutenberg editor for WordPress has some advantages. And first is, you do not have to install it in your WordPress. It’s native. As we all know, plugins can impact the overall website size, which can impact the loading of the site. To be honest none of the page builders out there is 100% perfect. And we must achieve our goals with some work-around tricks. And that’s why we are here.
So, I hope you will like this video on the Gutenberg WordPress website, a full conversion from Figma to WordPress. If you have any suggestions, advice for us. Please feel free to let us in the comment section. And, instead of Gutenberg editor for WordPress, what other page builder WordPress do you want to watch. Let us know that too.
Maria – WordPress Blog and Magazine Theme
Ashley – Feminine Style WordPress Theme
Amanda – Blog WordPress Theme
Tools We Used
Video cartoon by
Video voiceover by
SEO research by
▶️ Previous Video
This video is related to the following keywords:
• Gutenberg WordPress website,
• WordPress Figma,
• WordPress minimal theme,
• WordPress Gutenberg editor,
• Figma to WordPress,
• Gutenberg editor for WordPress,
#Wordpress # GutenbergPagebuilder #WordPressFigma
Please Visit Our
If you enjoy the WordPress tutorial video, you can help us with a LIKE as well as give your feedback in the comment section. We will greatly appreciate it if you share this “Make a Gutenberg WordPress Website – Gutenberg WordPress Website For Business – WordPress Figma” on Facebook. Your share can help other people to learn more about WordPress, worlds the most powerful CMS.
Music by MBB https://www.youtube.com/c/mbbmusic
▸ This is NOT a sponsored video.
▸ Some affiliate links are used, which means that I earn a small commission if you click the link and make a purchase. It will not cost you extra but help me create more content for our Audience.