Design in Figma. Develop in Webflow.

Figma was founded in 2016 and is headquartered in San Francisco, USA.

The company has created a super collaborative tool that’s utilized for UI design, UX design, graphic design, wireframing, diagramming, and brainstorming.

Webflow was founded in 2013 and is currently based in San Francisco, USA.

The company has developed a No-Code tool that enables anyone to build websites visually. The Webflow Designer auto-generates clean HTML, CSS, and JavaScript in the background, as you drag-and-drop the building blocks of a website.

Design in Figma. Develop in Webflow.

Webflow Blog has an article called From Figma to Webflow: turning your static designs into interactive websites. This article presents 8 steps on migrating a design from Figma to Webflow. Webflow University has developed a free course called Figma to Webflow. This course has 10 tutorials spanning over 6 hours, where you can learn the entire design process.

Finsweet is an expert in transforming a design mockup from Figma to a website in Webflow.

In fact, we’ve shared free Figma design mockups with the Figma community as well as their corresponding Webflow builds, as free cloneables.

Client-first templates

Template 1

Template 2

Template 3

Template 4

Template 5

Template 6

Template 7

Template 8

Show all