Skip to main content

Figma to Webflow

  • February 4, 2021
  • 8 replies
  • 6949 views
Punit_Chawla

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

Lorena_Quilantan_Garcia
Chris_James
Jon_Rodz
4 people like this
  • Lorena_Quilantan_Garcia
    Lorena_Quilantan_Garcia
  • Chris_James
    Chris_James
  • Jon_Rodz
    Jon_Rodz
  • Hejin Jo
    Hejin Jo

8 replies

Kevin3
  • Kevin3
  • 12 replies
  • March 9, 2021

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

BorojiDesignInc

Or maybe bring Webflow features to Figma. Even better 💃

kamil4
Stefano_Andreottola
Yanis_Azze
3 people like this
  • kamil4
    kamil4
  • Stefano_Andreottola
    Stefano_Andreottola
  • Yanis_Azze
    Yanis_Azze
Thibaut_Legrand

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

Jerrod_Wendt

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.

Nerditup
1 person likes this
  • Nerditup
    Nerditup
Nerditup
  • Nerditup
  • 1 reply
  • April 21, 2022

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.

Andres_Sentis

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

Will_Richman

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

Stephane_Popout

Webflow labs created a figma to webflow plugin

Figma

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings