Figma to Editor X Tutorial

Let's see how to convert a website from Figma to Editor X. As part of this process, we are going to build the whole page, including the header, hero, testimonial and footer sections. The design is from Frontend Mentor and it comes with a style guide which can be implemented with custom fonts and colors. This Figma to Editor X Tutorial will cover the basics of getting a page up and running, in future videos we will expand on this design also adding in responsive design and viewport consideration.

This is a simpler UI design, however if you have your own websites you wish to submit, join the discord where we will be posting up ui and ux challenges to build and create in Editor X for the future.

Full User Interface Design:

#codex #developer #community

This channel also has the backing of Editor X:

You can find our Community Discord below:

[priyanshugy]

Hi Adrian!

I have 2 questions:

1. Do EditorX blogs ( Articles) & website rank on Google - SEO?

2. Do you think it will give tough competition to webflow as EditorX team have really improved the product in just 2 years & then adding new features every day.

Thanks in advance.

[codismith]

So you design the whole thing in the Desktop format without switching in between breaking points to make sure everything is fluid throughout them all?

[MeowfaceMusic]

I'm already building in Editor X. I just want an easy way to send images as PNGs from Figma directly into the my Editor X's Media folder. Possible?

[marcogatti]

figma to editorx? are you kidding? please stop waisting people time!