From Figma to Elementor: Beginners tutorial project

Rino de Boer April 24, 2024
Video Thumbnail
Rino de Boer Logo

Rino de Boer

@rinodeboer

About

Web designer & no-code developer sharing the process behind real projects, design systems, and creative workflows. For designers who want to build better, and live more freely.

Video Description

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 1. Figma design file https://www.figma.com/file/qByCU9nBfcnZc7Dq7bM3vz/Boxchampy-tut?type=design&node-id=0%3A1&mode=design&t=7bt4Mwcke2QTugAX-1 2. Download the Assets (images, icons): https://www.dropbox.com/scl/fo/atfuelst6tzvvu58hty7j/h?rlkey=5nc4jam8jzmipdfrf4kkgaa1f&dl=0 3. Red text code: https://www.w3schools.com/tags/tag_font.asp (the first one) 4. My Elementor Pro Mastery Course https://livingwithpixels.com/elementor-course (discount code for YT subscribers: LWPYT ) 5. Link to Typography tutorial: https://youtu.be/55UkDGfZOp0 6. My Elementor Pro affiliate link: http://livingwithpixels.com/elementor → Software I recommend Hostinger for affordable webhosting: http://livingwithpixels.com/hostinger Siteground for premium webhosting: http://livingwithpixels.com/siteground Elementor for no-code web-development: http://livingwithpixels.com/elementor Figma for Web Design: https://livingwithpixels.com/figma All recommended software & discounts: https://livingwithpixels.com/links/ → Starter Guides for Beginners Elementor Starters Guide: https://livingwithpixels.com/elementor-guide Figma Design Starters Guide: https://livingwithpixels.com/design-guide → Full A-Z Courses Elementor Pro Mastery Course: https://livingwithpixels.com/elementor-course Figma Design Mastery Course: https://livingwithpixels.com/design-course Business Course: https://livingwithpixels.com/business-course → Social media Tiktok: https://www.tiktok.com/@rinodeboer Instagram: https://www.instagram.com/rinodeboer/ Twitter / X: https://www.twitter.com/rinodeboer/ 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.

Power Up On-The-Go

AI-recommended products based on this video

Loading...
Selfie Stick Travel Tripod for Cell Phone with Remote Control and Phone Holder, Extendable Selfie Stick for iPhone, iPhone Tripod for Video Recording, 50 Inch, Black

Selfie Stick Travel Tripod for Cell Phone with Remote Control and Phone Holder, Extendable Selfie Stick for iPhone, iPhone Tripod for Video Recording, 50 Inch, Black

(3,610)
$9.99
FREE delivery Fri, Nov 14 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
DAYBETTER LED Strip Lights 130ft Lights Strip for Bedroom, Desk, Indoor Room Bedroom Brithday Gifts RGB Decor with Remote and 24V Power Supply

DAYBETTER LED Strip Lights 130ft Lights Strip for Bedroom, Desk, Indoor Room Bedroom Brithday Gifts RGB Decor with Remote and 24V Power Supply

(33,402)
$9.49
FREE delivery Thu, Sep 4 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
Sperax Walking Vibration Pad with APP, 3 in 1 Under Desk Treadmill, 2.5HP Low Noise Walking Treadmill Pad with Remote Control,Portable Treadmills for Home Office

Sperax Walking Vibration Pad with APP, 3 in 1 Under Desk Treadmill, 2.5HP Low Noise Walking Treadmill Pad with Remote Control,Portable Treadmills for Home Office

(5,390)
169.99
PrimeFREE delivery Saturday, June 14
10K+ bought in past month
Loading...
Roku Streaming Stick 4K 2022 (Official Manufacturer Product) | Streaming Device 4K/HDR/Dolby Vision with Voice Remote with TV Controls and Long-Range Wi-Fi

Roku Streaming Stick 4K 2022 (Official Manufacturer Product) | Streaming Device 4K/HDR/Dolby Vision with Voice Remote with TV Controls and Long-Range Wi-Fi

(3,213)
77.73
FREE delivery July 1 - 2. Details
Loading...
USB C Car Charger, 3-Port 67W Dual USB-C & USB-A Car Power Adapter PD/QC Fast Charging Cigarette Lighter for iPhone 17/16/15/14/13/12/11 Pro Max, iPad, Samsung Galaxy S25 S24/S23/S22, Pixel, Android

USB C Car Charger, 3-Port 67W Dual USB-C & USB-A Car Power Adapter PD/QC Fast Charging Cigarette Lighter for iPhone 17/16/15/14/13/12/11 Pro Max, iPad, Samsung Galaxy S25 S24/S23/S22, Pixel, Android

(5,196)
$9.89
FREE delivery Sun, Sep 21 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
USB C Car Charger, 3-Port 67W Dual USB-C & USB-A Car Power Adapter PD/QC Fast Charging Cigarette Lighter for iPhone 17/16/15/14/13/12/11 Pro Max, iPad, Samsung Galaxy S25 S24/S23/S22, Pixel, Android

USB C Car Charger, 3-Port 67W Dual USB-C & USB-A Car Power Adapter PD/QC Fast Charging Cigarette Lighter for iPhone 17/16/15/14/13/12/11 Pro Max, iPad, Samsung Galaxy S25 S24/S23/S22, Pixel, Android

(5,196)
$9.89
FREE delivery Sun, Sep 21 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
LISEN Retractable Car Charger, 69W USB C Car Accessories Adapter for iPhone 17 USB C Charger Fast Charging, Gifts for Women Men, Travel Essentials, for iPhone 17 Pro Max Air 16 15 14 13 12 Samsung S25
Best Seller

LISEN Retractable Car Charger, 69W USB C Car Accessories Adapter for iPhone 17 USB C Charger Fast Charging, Gifts for Women Men, Travel Essentials, for iPhone 17 Pro Max Air 16 15 14 13 12 Samsung S25

(10,850)
$16.99
FREE delivery Sun, Sep 21 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
Car Carplay Cable for iPhone 17/17 Pro/Air/16e/16/15 Pro Max/Plus Cable, 2Pack USB A to USB C for CarPlay USBC Cord, iPad, Galaxy, Pixel, Android Accessories Charging Wire Type-C Car Charger Cord 3FT

Car Carplay Cable for iPhone 17/17 Pro/Air/16e/16/15 Pro Max/Plus Cable, 2Pack USB A to USB C for CarPlay USBC Cord, iPad, Galaxy, Pixel, Android Accessories Charging Wire Type-C Car Charger Cord 3FT

(3,346)
$7.51
FREE delivery Fri, Oct 3 on $35 of items shipped by Amazon
10K+ bought in past month
Loading...
NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines
Best Seller

NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines

(117,789)
$99.95$75.43
FREE delivery Sun, Sep 21
30K+ bought in past month
Loading...
NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines
Best Seller

NOCO Boost GB40: 1000A UltraSafe Jump Starter – 12V Lithium Battery Booster Pack, Portable Jump Box, Power Bank & Jumper Cables - for 6.0L Gas and 3.0L Diesel Engines

(117,789)
$99.95$75.43
FREE delivery Sun, Sep 21
30K+ bought in past month