How to convert a Figma design to Webflow

Tips and advice for a quick workflow moving from Figma to Webflow! I’m proud to have Webflow as a sponsor for this video. Try out converting your Figma designs to a working website here: https://wfl.io/figma

Converting your design mockup to a working website is made soooo much easier with Webflow. It’s a visual code tool, so even though you’re dragging elements onto a canvas and changing settings to style like you would in a design tool, you’re creating code as you do it. Here’s my workflow for taking a design in Figma and bringing it to life in Webflow!

Try Webflow out here: https://wfl.io/figma

and visit my finished page here: https://designlife.fm/community

Why I switched from Sketch to Figma: https://www.youtube.com/watch?v=wIyhqEra7Sc

More Webflow tips and tricks and process videos here! https://www.youtube.com/playlist?list=PLrJQSKQvgHS4nDWb8QCfYV0fJNP8-M_gc

———————————————–

// ENJOY MY VIDEOS?

My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!

You’ll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:

http://patreon.com/charlimarie

———————————————–

// ABOUT ME

Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂

———————————————–

// MORE

Blog: http://www.charlimarie.com
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
Podcast: http://designlife.fm

// SOCIAL

Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV

My sister SmayJay’s channel: http://www.youtube.com/frangisamme

———————————————–

// MUSIC & TECH

Music: YouTube Audio Library

My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/

Leave a Reply