Skip to main content

So after hours of scavenging the interweb, I gave up on a plugin or ways to convert my Figma designs to a working Webflow website.


After failing to find something online, I set out to find a way to do it myself.


The method is simple:



  • Find a UI kit that corresponds to Webflow guidelines and layouts.

  • Build a design on Figma based on these guidelines.

  • Export graphic and image assets to transfer it over to Webflow.

  • Then finally replicate these steps in Webflow.


This somehow smoothens the pain of converting designs to Webflow.


Here a video tutorial I’ve prepared for this (follow along)

https://youtu.be/JD-3Yy_EKxw

We started working on a Page Builder that starts with figma, check it out here: https://builder.magicul.io

Or maybe bring Webflow features to Figma. Even better 💃

If you need to convert your figma file to a Webflow project : convert figma to Webflow

The easiest way to convert i found is Figma to Webflow

just submit and you will get all your saved styles converted into a webflow style sheet in an email. saves a lot of time from manually transferring over your colors and typography styles, makes it easier manage classes too. hope this helps.

Ya thanks for the link i convert a lot of sites for clients over and its worth it to use https://www.dropofink.co/figma-to-webflow save so much time, and super easy.

Hi,

I recently launched a service for converting figma design into webflow projects.

We offer one-week delivery time at a affordable price


ander.agency

I hope you find this useful

Can’t wait until this actually exists. Magicul plugin doesn’t exist yet.

Webflow labs created a figma to webflow plugin


Figma

Reply


Terms & ConditionsCookie settings