Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Figma to Editor X Tutorial

Codex Community via YouTube

Start learning Write review
TrainSec Ad

Learn EDR Internals: Research & Development From The Masters

Learn More → CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial demonstrates converting a Figma landing-page design into an Editor X website. It covers importing assets, applying fonts and a style guide, and building the page's header, hero, testimonial, and footer sections.

Syllabus

Intro
Design
Load Editor X
Export Assets
Style Guide
Uploading Fonts
Designing the Home Page
Designing the Hero Section
Adding the Image
Positioning Elements
Statistics
Review
Adjust
It Just Works
Adding an Image
Adding a Shape
Adding a Background
Final Overview

Taught by

Codex Community

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Figma to Editor X Tutorial

  • Profile image for Irfan Hassan
    Irfan Hassan
    This course is excellent for anyone looking to convert Figma designs into Editor X websites. The instructions are clear, practical, and easy to follow. I especially liked how the course breaks down complex steps into simple, actionable tasks. Highly recommended for beginners and intermediate designers looking to improve their web design workflow!
Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.