How to create cards in Elementor from a Figma grid layout

#wordpress #elementor #figma #cards #design #developer
🏃🏽‍♂️Imagine: In 20 minutes from now you can design a professional looking card in Elementor. Even built from a grid layout in Figma! 🙋🏼‍♂️

Sounds interesting? Let me show you how to do that and become a web dev that designers love to hire. 👍🏻

▶️ Chapters
00:00 Intro: What you will learn
00:19 What many developers can't do perfectly
00:47 5 steps: How we're gonna built the cards
01:08 1 - the Elementor setup
01:44 2 - setup the global colors
02:22 3 - setup the global fonts
06:24 4a - setup the Designer Add on
07:17 What is a grid and why we need it
08:16 4b - setup the grid
09:43 4c - align the visual grid with the elementor layout
12:28 5a - build the cards: positioning
17:14 5b - build the 1st card
23:01 5c - building the 2nd and 3rd card
24:01 The result: 3 nice cards
24:11 What's next: making the cards responsive

☕ Buy me a coffee: Ko-fi.com/designfordevs

✨ Plugins:
Elementor Free: bit.ly/elementrfree
Elementor PRO (Optional): bit.ly/Elmntrpro
Designer Add On: bit.ly/designeraddon

🔧 Great tool:
Cleansheat: tba.

🌈 The color hex codes to follow along:
CE Serious Business: #0C223A
Neutral: #0C223A
European Stability: #E3E8E3
White: #FFFFFF
Regulation Grey: #11226644