35% Off Finance Skills That Get You Hired - Code CFI35
Learn EDR Internals: Research & Development From The Masters
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.
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
Showing Class Central Sort
-
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!