ResourcesAssetsCoursesGuides & Best PracticesExtensions & APIsArchive

How to convert a Figma design to Webflow

Charli Marie Prangley, Design/dev at ConvertKit.

Charli Marie Prangley shares tips and tricks for converting Figma designs to Webflow projects in this video.

Using Figma and Webflow Charli Marie shows you how to convert your design mockup to a working website. Webflow is 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 her workflow for taking a design in Figma and bringing it to life in Webflow.

Watch on

Related Content

Tom Johnson | Guides & Best Practices
From Figma to Webflow: Turning your static designs into interactive websites
Keep the magic going by turning your designs into fully functional websites with Webflow
Dylan Field |
Introducing Figma’s Live Embed Kit
We’re excited to announce our public Live Embed Kit to keep teams in sync wherever they are.