Watch Me Create My Design Portfolio Website (Figma to Framer)

Come behind the scenes as I design and develop my online portfolio website from scratch using Framer! In this video, I walk you through the full process—from my new brand photography and Figma layout decisions to building on Framer, styling components, making responsive tweaks, and adding those final creative touches that make the site feel uniquely me. If you're working on your own brand or just curious about how Framer works, this is the perfect peek into real-time design and development! #ad Try Framer yourself with my coupon code: MEGANWEEKS #figmatoframer #webdesign #framer Join the Patreon community here for weekly exclusive graphic design tutorials and to connect with other creatives!!! use code: YOUTUBEFAM for 15% off:   / curatedcollectiveco   0:00 welcome! 2:35 my new brand photos 4:25 framer template 5:00 figma to framer 7:40 custom draggable slider 10:00 organizing framer design 11:42 custom components 15:30 responsive designs on framer 19:20 creating slideshow on framer 22:10 adding fonts and styles 26:40 testimonial section 27:40 the site design 29:18 now what? --------------------------------------- // WHERE TO FIND ME // join my community or take my courses: https://curatedcollectiveco.com/ instagram:   / meganweeksdesign   pinterest:   / 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/6333c1... PRE-WRITTEN EMAILS FOR YOUR GRAPHIC DESIGN BUSINESS: https://view.flodesk.com/pages/643820... WEBSITE IN A WEEK PROCESS GUIDE: https://view.flodesk.com/pages/64c0bb... BRAND DESIGN ROADMAP: https://view.flodesk.com/pages/645bf9... FREE LOGO DESIGN QUESTIONNAIRE: https://view.flodesk.com/pages/63edbe... PROJECT MANAGEMENT WORKFLOW: https://view.flodesk.com/pages/64aefc... HOW TO GO FROM HOURLY FREELANCER TO TRUSTED DESIGNER GET MY FREE TRAINING VIDEO 💥 https://view.flodesk.com/pages/62f402... --------------------------------------- // TAKE MY COURSES // LOGO DESIGN: SIMPLIFIED https://courses.curatedcollectiveco.c... DUBSADO DECODED: PROJECT MANAGEMENT https://courses.curatedcollectiveco.c... 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.... ✨ WordPress Website Design Course ✨ https://meganweeksdesignco.thinkific.... ✨ Custom Branding Process Course ✨ https://meganweeksdesignco.thinkific.... NOW OFFERING BRAND + WEB DESIGN COURSES IN A BUNDLE 💥 https://meganweeksdesignco.thinkific.... --------------------------------------- // OTHER HELPFUL LINKS // Join my email list for more helpful design tips: https://view.flodesk.com/pages/61eed0... LIKE MY EMAIL STYLE?! JOIN FLODESK FOR 50% OFF https://app.flodesk.com/sign-up?ref=8... GET DUBSADO (my project management system): https://www.dubsado.com/?c=meganweeks SITEGROUND (my favorite website hosting for WordPress): https://www.siteground.com/go/meganwd... --------------------------------------- I do make a commission on some of the links in this description box. Thank you so much for the support. #graphicdesign #wixstudio #webdesign #websitedevelopment