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 | 15 |
|---|---|
| Created | December 8, 2019 |
| Last Updated | May 22, 2024 |
| Category | Software development |
| Creator | Jan D'Hollander |
| Stats | 9013 installs, 561 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.