Badge Webflow Award Winner 2023

Webflow x Figma #HackPalette2Couleurs

Publié le 
5/5/2022
Modifié le 
23/3/2023
Temps de lecture : 5 min
Aperçu de l'extension Flowbase pour Webflow
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

Une astuce pour importer votre palette de couleur depuis votre maquette Figma, directement dans votre projets Webflow ! En quelques clics grâce à cet outil #Hack Design

Points clés à retenir

Il est possible d'importer votre palette de couleurs depuis Figma directement dans votre projet Webflow en 2 clics !

Comment ? 🤩

Grâce à l'outil de Flowbase ! On vous explique étape par étape !

Le guide étape par étape

  1. Télécharger l'extension Chrome Flowbase
  2. Installer le plugin Flowbase Figma
  3. Ouvrez le plugin, sur la maquette Figma en cliquant sur "Webflow Color Importer"
  4. Cliquez sur le CTA "Exporte Color Swatches"
  5. Ouvrez l'extension dans votre projet Webflow
  6. Tool Bet → Color Swatch importer → import → télécharger votre fichier JSON
  7. Et voilà ! 🎨

Vous préférez le contenu vidéo ?

Découvrez le hack en vidéo !

Tuto utile 👉 Ajouter un gradient sur un texte webflow

Vous pouvez aussi en apprendre plus sur la complémentarité Figma X Webflow

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop