Figma to Webflow

Share an idea
1

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

2 Likes
2

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

3

Or maybe bring Webflow features to Figma. Even better :dancer:

3 Likes
4

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

5

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.

1 Like
6

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.

7

Hi,
I recently launched a service for converting figma design into webflow projects.
We offer one-week delivery time at a affordable price

I hope you find this useful

8

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

9

Webflow labs created a figma to webflow plugin