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://charli.link/webflow

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://charli.link/webflow

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

Why I switched from Sketch to Figma:    • Sketch vs Figma - Why I switched!  

More Webflow tips and tricks and process videos here!    • Building sites in Webflow  

Please remember to click subscribe if you'd like to see more of my videos.

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

// WANT TO SUPPORT MY CHANNEL?

Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button)

Or, if you like, you can put something in my tip jar right here: https://pages.charlimarie.com/product...

Sharing my videos or recommending my channel to a design friend is also very much appreciated! :)

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

// ABOUT ME

I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I posting videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream.

💬 Twitter:   / charliprangley  
📷 Instagram:   / charliprangley  

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

// MORE

Join my free weekly marketing design newsletter: https://charli.link/newsletter
Buy my hand written font, Grayscale: https://charlimarie.com/font
Book a mentoring session with me: https://charli.link/mentoring
My site & blog: https://charlimarie.com
Design Life podcast: https://designlife.fm
Inside Marketing Design podcast: https://insidemarketingdesign.co/

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

// TECH & TOOLS

📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: https://charlimarie.com/shopmyoffice

💻 Software I use:
Webflow (no-code website builder)*: https://charli.link/webflow
Premiere Pro (video editing)*: https://charli.link/premierepro
Adobe Audition (audio recording)*: https://charli.link/audition
After Effects (intro animation)*: https://charli.link/aftereffects
Figma (web design): https://charli.link/figma
Photoshop (thumbnails)*: https://charli.link/photoshop
ConvertKit (marketing platform): https://charli.link/try-convertkit
Riverside (podcast interview recording)*: https://charli.link/riverside

Music in this video from Epidemic Sound*: https://charli.link/epidemicsound

Video captions by Rev (very cost effective service! I recommend)*: https://charli.link/videocaptions

Intro & end card animation by Austin Saylor: http://www.austinsaylor.com/

Editing by Nancy Palm http://nancypalm.com & Belén Albiol   / molen.audiovisual   (or sometimes by me!)

Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️