Главная
Study mode:
on
1
Intro
2
Design
3
Load Editor X
4
Export Assets
5
Style Guide
6
Uploading Fonts
7
Designing the Home Page
8
Designing the Hero Section
9
Adding the Image
10
Positioning Elements
11
Statistics
12
Review
13
Adjust
14
It Just Works
15
Adding an Image
16
Adding a Shape
17
Adding a Background
18
Final Overview
Description:
Learn how to convert a website design from Figma to Editor X in this comprehensive tutorial. Build a complete landing page, including header, hero, testimonial, and footer sections, based on a Frontend Mentor design. Implement custom fonts and colors using the provided style guide. Cover the basics of page creation in Editor X, from exporting assets and uploading fonts to designing various sections and positioning elements. Explore techniques for adding images, shapes, and backgrounds while ensuring proper layout and responsiveness. Gain practical experience in web development and design conversion, setting the foundation for more advanced Editor X projects in the future.

Figma to Editor X Tutorial

Codex Community
Add to list
0:00 / 0:00