Turning a Figma Design Into a Website

Going from Figma to Editor X is easy. Brad Hussey, a web designer, shows you how to design a website without code using a Figma design.

Wondering how to create a website with Figma? Well, you can’t… Figma is a website mockup design tool. To design website from Figma file, you need something like Editor X, a website builder. In today’s video, I’ll show you how to build a dynamic website, specifically, how to build news homepage. By the end of this video, you’ll learn how to turn Figma design into a website and bring your Figma designs to life.

This video is also very relevant for designers who aren’t familiar with HTML or CSS but want to go from Figma to HTML CSS and create a website based off a mockup. Editor X is powerful no-code solution to building websites, and after some practice can be easy to use. Did you know that I completed a $10,000 one-page website project with just Editor X? Once you learn how to use Editor X you can do the same!

Get started with designing your next website with Editor X:

Get the assets for this Frontend Mentor design here:

Want to learn how I completed a $10,000 one-page website project with Editor X? Watch this short series and you’ll be able to do the same:

Connect with me on:

New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.

Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.

#Shorts #CreativeXcrew #EditorX