Back to Plugins
Figma Tailwindcss
Export design tokens to tailwind theme
tailwindcsstailwind themetailwind
Plugin 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
| Version | 17 |
|---|---|
| Created | December 8, 2019 |
| Last Updated | January 29, 2026 |
| Category | Software development |
| Creator | Jan D'Hollander |
| Stats | 9237 installs, 592 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.