Badge Webflow Award Winner 2023

Webflow x Figma #HackPalette2Couleurs

A trick to import your colour palette from your Figma model, directly into your Webflow project! In a few clicks with this #Hack Design tool

Published on 
5/5/2022
-
Amended on 
23/3/2023
-
5 min
Overview of the Flowbase extension for Webflow

It is possible to import your colour palette from Figma directly into your Webflow project in 2 clicks!

How? 🤩

Thanks to the Flowbase tool! We explain you step by step!

The step-by-step guide

  1. Download the Flowbase Chrome extension
  2. Install the Flowbase Figma plugin
  3. Open the plugin on the Figma model by clicking on "Webflow Color Importer".
  4. Click on the CTA "Export Color Swatches
  5. Open the extension in your Webflow project
  6. Tool Bet → Color Swatch import → import → upload your JSON file
  7. Here we go! 🎨

Do you prefer video content?

Discover the hack on video!

Useful tutorial 👉 Adding a gradient on a webflow text

You can also learn more about the Figma X Webflow complementarity

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Stay in touch with Digidop news!