Главная
Study mode:
on
1
Intro
2
Design Overview
3
Create a New Site
4
Import Assets
5
Header
6
Logo
7
Menu
8
Header Text
9
Arrow
10
Text scaling
11
Grid
12
Import Image
13
Expand Image
14
Copy Paste
15
Progress Report
16
Adding Images
17
Resize Containers
18
Adding Hex Values
19
Client Testimonials
20
Avatar
21
Testimonial
22
Color
23
Footer
24
Header Logo
25
Social Links
26
Social Bar
27
Comparison
28
Conclusion
Description:
Learn how to convert an Adobe XD design to an Editor X website in this comprehensive 17-minute tutorial. Follow along as the instructor recreates a Frontend Mentor challenge, covering the entire process from header to footer. Master techniques for importing and resizing assets, creating responsive layouts using containers, and implementing design elements such as logos, menus, and hero sections. Gain valuable insights into no-code development and website creation while exploring features like text scaling, grid systems, and color management. By the end of this tutorial, you'll have the skills to efficiently transform Adobe XD designs into fully functional Editor X websites, enhancing your web development capabilities.

Adobe XD to Editor X Tutorial

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