Cookie Settings

By clicking "Accept", you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Webflow x Figma #HackPalette2Colors

Tutorial

3 min

Published on Mar 20, 2023

Updated on

H2 Example

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

Download the Flowbase Chrome extension
Install the Flowbase Figma plugin
Open the plugin on your Figma design by clicking on "Webflow Color Importer"
Click the CTA "Export Color Swatches"
Open the extension in your Webflow project
Tool Bet → Color Swatch importer → import → upload your JSON file
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

Co-founder

Suggested articles

Promotional graphic for Webflow Conf 2026 featuring Lucas Clairet as a finalist for the Developer of the Year award. His black-and-white portrait is set against a vibrant abstract background with blue, orange, green, and pink textures, creating a bold, modern visual identity. The vertical Webflow Conf ’26 branding appears on the left, while his name and the title “Finalist – Developer of the Year” are displayed in a black panel.

Lucas Clairet named Finalist for Webflow Awards 2026 – Developer of the Year

Overview of Webflow AEO combining AI recommendations, analytics, prompt tracking, and SEO optimizations within a single interface.

Webflow AEO: Answer Engine Optimization built directly into Webflow

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

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

See all articles

Every great websites
starts with a conversation

Talk to an expert

Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.