Designing a Website on Figma for Wix Studio (In 10 Minutes!)

Designing a Website on Figma for Wix Studio (In 10 Minutes!)

Megan Weeks 48.8K subscribers
2.5K views · 2025-07-30 Visual & GraphicUI DesignBranding & Logo
In this video, I share my full process of designing a website in Figma specifically for Wix Studio, and why it’s become my go-to platform for building modern, responsive websites. I’ll walk you through how I plan the layout, create a clean and consistent design system, and prepare everything for an easy handoff to Wix Studio. Along the way, I’ll also explain what I love about working with Wix Studio, from its powerful AI design tools to its intuitive responsive editing features that make it easy to adapt designs across devices. If you're a designer looking to streamline your workflow and build beautiful sites faster, this is for you.

0:00 welcome!
0:34 what is wix studio
3:00 figma to wix studio app
4:44 get client feedback
5:30 responsive design on wix studio
5:40 wix studio CMS tools
7:00 what website platform to choose
7:50 thank you!

Check out Wix Studio here: https://www.wix.com/studio

Join the Patreon community here for weekly exclusive graphic design tutorials and to connect with other creatives!!!
use code: YOUTUBEFAM for 15% off: https://patreon.com/curatedcollectiveco

---------------------------------------

// WHERE TO FIND ME //

join my community or take my courses:
https://curatedcollectiveco.com/

instagram:
https://www.instagram.com/meganweeksdesign/

pinterest:
https://www.pinterest.com/meganweeksdesignco/

online portfolio:
https://meganweeksdesignco.com/

collaboration or business inquiries:
support@meganweeksdesignco.com

---------------------------------------

// MY FREE GRAPHIC DESIGNER RESOURCES //

GET THE FREE WEBSITE DESIGN PROCESS GUIDE HERE:
https://view.flodesk.com/pages/6333c1377a59217f2325625c

PRE-WRITTEN EMAILS FOR YOUR GRAPHIC DESIGN BUSINESS:
https://view.flodesk.com/pages/6438202be83ecbda70778483

WEBSITE IN A WEEK PROCESS GUIDE:
https://view.flodesk.com/pages/64c0bb6ad206cffe61186544

BRAND DESIGN ROADMAP:
https://view.flodesk.com/pages/645bf9ca2efd35a7e39194b6

FREE LOGO DESIGN QUESTIONNAIRE:
https://view.flodesk.com/pages/63edbe7c8e06d4dae949448a

PROJECT MANAGEMENT WORKFLOW:
https://view.flodesk.com/pages/64aefc19e181ddda00ff25f5

HOW TO GO FROM HOURLY FREELANCER TO TRUSTED DESIGNER
GET MY FREE TRAINING VIDEO 💥
https://view.flodesk.com/pages/62f40298e5ea6b3d8aea4bf3

---------------------------------------

// TAKE MY COURSES //

LOGO DESIGN: SIMPLIFIED
https://courses.curatedcollectiveco.com/courses/logo-design-simplified

DUBSADO DECODED: PROJECT MANAGEMENT
https://courses.curatedcollectiveco.com/courses/dubsado-decoded

GUIDE TO: LANDING GRAPHIC DESIGN CLIENTS
This course has 5 video led modules, a downloadable e-book and you will be able to join my community as well 💕
https://meganweeksdesignco.thinkific.com/courses/guide-to-landing-graphic-design-clients

✨ WordPress Website Design Course ✨
https://meganweeksdesignco.thinkific.com/courses/wordpress-website-design-course

✨ Custom Branding Process Course ✨
https://meganweeksdesignco.thinkific.com/courses/custom-branding-process/

NOW OFFERING BRAND + WEB DESIGN COURSES IN A BUNDLE 💥
https://meganweeksdesignco.thinkific.com/bundles/branding-and-wordpress-web-design

---------------------------------------

// OTHER HELPFUL LINKS //

Join my email list for more helpful design tips:
https://view.flodesk.com/pages/61eed0f36114df05454c386a

LIKE MY EMAIL STYLE?! JOIN FLODESK FOR 50% OFF
https://app.flodesk.com/sign-up?ref=80647W

GET DUBSADO (my project management system):
https://www.dubsado.com/?c=meganweeks

SITEGROUND (my favorite website hosting for WordPress):
https://www.siteground.com/go/meganwdesignco

---------------------------------------

*I do make a commission on some of the links in this description box. Thank you so much for the support.*

#graphicdesign