Part 1: Figma To Gutenberg Using Spectra Block Editor & Astra theme full Project. 

✅ Get Spectra pro riadmahmud.com/ref/spectrapro (35% Discount while using my Affiliate link) 🥳
Spectra Block Editor Complete Project from Scratch. In this video, I'll show you how to convert a Figma design to a Gutenberg block editor using the Spectra Block editor page builder and Astra theme.
✅ Part 2: Make your website mobile-friendly • Part 2: Figma To Guten...
✅ Learn FSE (Full Site Editing with Live Project): • 1. Full site editing F...
✅ Learn Spectra Step by Step: • Spectra Block Editor |...
✅ Download Resource file: riadmahmud.com/figma-to-guten...
After completing this tutorial, you will have solid knowledge about Spectra and how to design almost any kind of content layout using the Spectra block editor inside your website.
If you have any questions or suggestions, feel free to comment below.
🔴 TOP WORDPRESS DEALS IN 2022 🔴
===============================
✅ Download Astra Pro: riadmahmud.com/ref/astra (SAVE 20%)
✅ Download WP Portfolio: riadmahmud.com/ref/wpportfolio (SAVE 20%)
✅ Download Spectra Block Editor: riadmahmud.com/ref/spectra
✅ Download Kadence Theme: riadmahmud.com/ref/kadence (SAVE 10%)
✅ Download Elementor Pro: riadmahmud.com/ref/elementor
✅ Download LearnDash LMS: riadmahmud.com/ref/learndash
✅ Bluehost Hosting: riadmahmud.com/ref/bluehost ( 60% OFF WITH FREE DOMAIN )
🔴 BEST WORDPRESS PAGE BUILDERS 🔴
=================================
✅ Elementor: riadmahmud.com/ref/elementor
✅ Beaver builder: riadmahmud.com/ref/beaverbuilder
✅ Brizy: riadmahmud.com/ref/brizy
✅ Divi: riadmahmud.com/ref/divi
🔴 BEST WORDPRESS HOSTING 🔴
============================
✅ Bluehost: riadmahmud.com/ref/bluehost (60% OFF WITH FREE DOMAIN)
✅ CloudWays: riadmahmud.com/ref/cloudways
✅ WPEngine: riadmahmud.com/ref/wpengine
🔴 CONTACT WITH ME 🔴
=====================
🟢 Website: riadmahmud.com
🟢 Facebook: / riadwebpro
🟢 Facebook Group: / 2190516887945067
🟢 Twitter: / riadmahmud46
🟢 Instagram: / riadmahmud46
Spectra Block Editor Complete Project
🔴 TIME STAMP 🔴
=====================
0:00:00 Introduction
0:02:01 Design Overview & Some Require class
0:05:07 Install and Activate Theme and Require Plugins
0:07:44 Basic Configuration After Installing theme and plugins
0:09:38 Create Menu and add Custom Menu Item
0:12:40 Global Typography Settings
0:22:02 Global Color Settings
0:25:13 Global Button Settings
0:27:23 Build Header Using Astra Header Builder
0:31:03 Build Footer Using the Astra Footer Builder
0:48:21 Create hero Area
1:10:26 Create Clients area
1:13:40 Who We Are Section
1:35:22 What We Do Section
1:57:08 Call to Action Section
2:04:40 Why Choose us Section
2:12:32 Create Portfolio Section
2:23:31 Create Testimonial Section
2:36:51 Meet Our Experts Section
2:49:33 Create Our Blog Section
3:02:53 Outro