Back to Plugins
tailwindcss-styles-generator
<p>The plugin allows us to create styles based on the <em>tailwind.json</em> file</p><p><br></p><p><strong>How to use:</strong></p><ul><li>Add tailwind to your project</li><li>Run npx tailwind.json which gives the json file</li><li>Open this plugin in figma and upload the file</li></ul>
tailwindcsstailwind-labstailwinduxtemplateuidesign systemcolorstylescode-generators
Plugin Preview
About this plugin
The plugin allows us to create styles based on the tailwind.json file
How to use:
- Add tailwind to your project
- Run npx tailwind.json which gives the json file
- Open this plugin in figma and upload the file
Plugin Details
| Version | 1 |
|---|---|
| Created | July 9, 2022 |
| Last Updated | July 20, 2022 |
| Category | Software development |
| Creator | Naveen G |
| Stats | 799 installs, 102 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
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.