Webflow x Figma #HackPalette2Colors

Tutorial
March 20, 2023
3 min
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

AI Tech Summit 2025 conference with a speaker on stage in front of a large audience, surrounded by big screens displaying “AI” and “Tech Summit 2025”. (Gen by AI)
Events

2025 Calendar of Must-Attend Web, Design & AI Events

2025 Calendar of Must-Attend Web, Design & AI Events
Screenshot of Google search homepage with search bar and Google logo.
Documentation
SEO

3 tools to track your SEO rankings in the SERP

3 tools to track your SEO rankings in the SERP
ChatGPT 5.0 OpenAI
News
AI

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1: The Ultimate AI Comparison 2025

ChatGPT-5 vs ChatGPT-4 vs Claude Opus 4.1: The Ultimate AI Comparison 2025

Want to turn your website into your most valuable asset?

Contact us today