Back to Plugins
TailwindCSS Config Generator for Flowbite

TailwindCSS Config Generator for Flowbite

Export Variables and Styles from Figma to TailwindCSS (v3 and v4) configs & standard css variables.

csswebtailwindfigma-to-codevariablesdeveloperexportflowbite

Plugin Preview

TailwindCSS Config Generator for Flowbite preview

About this plugin

Export Figma Variables and Styles to TailwindCSS configurations and/or CSS variables. Supports output for both Tailwind 3 & 4. The output for Tailwind 4 can be used for any project as they are simple CSS variables.


As most Figma -> Tailwind plugins, it does require the variables & styles to be configured a certain way. This plugin was built based on the way variables and styles are configured in the Flowbite Design System.

Plugin Details

Version5
CreatedMay 15, 2024
Last UpdatedMay 21, 2024
CategoryImport & export plugins
CreatorAvery
Stats183 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none