Webflow x Figma #HackPalette2Colors

Tutorial
March 20, 2023
3 min
Overview of the Flowbase extension for Webflow
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

Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)
AI Web Industry
2025 Analysis
Documentation
AI

AI Transforms Web Design Client Expectations: Comprehensive 2025 Market Analysis

AI Transforms Web Design Client Expectations: Comprehensive 2025 Market Analysis
Shopify Storefront Web Components
News
Development

Shopify Storefront Web Components: A Game-Changer for the Webflow Ecosystem

Shopify Storefront Web Components: A Game-Changer for the Webflow Ecosystem

Want to turn your website into your most valuable asset?

Contact us today