Webflow x Figma #HackPalette2Colors

Tutorial
3 min
Published on Mar 20, 2023
Updated on
Overview of the Flowbase extension for Webflow
Use AI to summarize this article
Key points

You can import your color palette from Figma directly into your Webflow project in just 2 clicks!

How?

Thanks to the Flowbase tool! We'll guide you step by step!

Step-by-step guide

  1. Download the Flowbase Chrome extension
  2. Install the Flowbase Figma plugin
  3. Open the plugin on your Figma design by clicking on "Webflow Color Importer"
  4. Click the CTA "Export Color Swatches"
  5. Open the extension in your Webflow project
  6. Tool Bet → Color Swatch importer → import → upload your JSON file
  7. And there you have it!

Prefer video content?

Check out the hack in video format!

Helpful tutorial 👉 Add a gradient to text in Webflow

You can also learn more about the complementarity of Figma and Webflow

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Website redesign brief document titled "Brief" on a dark blue background
Documentation

Brief, specifications and RFP: scoping your website redesign and choosing the right agency

Brief, specifications and RFP: scoping your website redesign and choosing the right agency
Main entrance of VivaTech 2026 in Paris featuring the official 10th-anniversary event branding, Europe’s largest technology and innovation conference.
Events

Digidop at VivaTech: Two Days at the Heart of European Tech

Digidop at VivaTech: Two Days at the Heart of European Tech
Wide view of the 2036 by Yuri & Neil stage, bringing together more than 400 marketing leaders to discuss the future of the CMO role in the age of artificial intelligence.
Events
AI

Looking Back at Our Participation in 2036, Yuri & Neil’s Marketing Event for CMOs

Looking Back at Our Participation in 2036, Yuri & Neil’s Marketing Event for CMOs

Want to turn your website into your most valuable asset?

Contact us today