Back to Plugins
Figma Tailwindcss

Figma Tailwindcss

Export design tokens to tailwind theme

tailwindcsstailwind themetailwind

Plugin Preview

Figma Tailwindcss preview

About this plugin

Figma Tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that can easily be used with Tailwindcss.


Creating your theme

The plugin gets it's info from the Local Styles. At this point it picks up:


  • colors
  • font-families
  • text-sizes
  • box-shadows
  • borded-radius


Full docs: https://github.com/jan-dh/figma-tailwindcss/

Plugin Details

Version15
CreatedDecember 8, 2019
Last UpdatedMay 22, 2024
CategorySoftware development
CreatorJan D'Hollander
Stats8682 installs, 531 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none