Badge Webflow Award Winner 2023

Webflow x Figma #HackPalette2Couleurs

Published on 
5/5/2022
-
Amended on 
23/3/2023
Reading time: 5 min
Overview of the Flowbase extension for Webflow
Written by
Florian Bodelot with a T-shirt Digidop

Florian Bodelot

Co-founder

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

Key points to remember

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

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop