Figma to Webflow Chrome Plugin

Convert Figma file to Webflow template. Build your new site quickly.

Thank you!
We'll reach out to you soon with your invite.

Oops! Something went wrong while submitting the form.

Install Chrome Extension

How to convert Figma to Webflow?

1) Install Figma to Webflow Plugin

Head over to the chrome plugin page and install the plugin to your chrome browser.

2) Sign in using Figma

3) Build Webflow Pages Quickly

Design your new website faster than your peers and competitors.

Over 6,000 designers and developers use CopyCat to build beautiful websites and apps.

Why use CopyCat Chrome Plugin?

Create unique designs

Using CopyCat, you can pick from millions of Figma files available in the Figma community or your own Figma project.

Reduce Webflow Learning Curve

Let's face it. Webflow is complicated. Using CopyCat, you can export Figma designs to Webflow projects, make small changes and publish.

Build That New Site Quickly

It is time-consuming to build custom websites on Webflow. We often pick the same templates and make changes.

Global styles with multiple classes

CopyCat will arrange your global style on the interactions panel and the base style guide. You don't have to keep switching between Figma and Webflow designer.

What is CopyCat?

CopyCat has fantastic tools that help you convert Figma to Webflow for your new site. You can simply input the URL of the figma project in the new webflow project to generate basic styles, anchor links, export images, sections, div's display properties, and more from Figma layers.

CopyCat also has a Figma plugin that converts Figma designs to React code. The Figma plugin is a prototyping tool that helps you turn your Figma designs into custom code.

Install Chrome Extension

Who is it for?

Web designer

Your original designs on Figma can be imported to the Webflow designer with a click of a button

Marketer

Don't be limited by the number of templates available on Webflow. Pick from thousands of designs available in the Figma community.

Web developer

Stop designing section by section. Import the entire design into Webflow and customize it easily.

Entrepreneur

Are you an entrepreneur who is new to the design world? Build highly responsive webflow sites quickly.

"I strongly recommend CopyCat"

Speed is crucial in marketing. The more campaigns we can put together, the more unique pages we can create, the bigger we feel, and the more touch points we have with customers. CopyCat unlocks that for us and allows us to do more with less.

Jansen Kracov,
VP of Marketing, Latency

The web designer didnt have to change the process

Figma to Webflow project in a few hours

Pixel perfect output

Starting a new project was easy

Frequently Asked Questions

Can I convert Figma to Webflow?

You can easily convert your Figma designs to editable templates on the web flow designer using CopyCat's chrome plugin.

Can you export Figma assets to the website?

All your assets in png, jpg, SVG, and ICO formats on Figma will be imported directly to Webflow.