css-tailwind-codegen
by Parbez Barbhuiya
Generated tailwind class names from the css privided by figma
Installs
372
Likes
71
Users
9,859
Views
4,859
Preview
About this plugin
This plugin generates tailwind CSS class names by using the CSS provided by Figma. No AI or login is needed.
The source code is available on GithubHow to use1. Toggle the dev mode in Figma2. Go to pulgins and select css-tailwind-codegen3. Select the layers you want to generate the class names forFeatures- Generates class names for the selected layers- Ignore specific fields1. Click on Inspect Settings and select Ignore Fields2. Type the property name you want to ignore3. You can also specify a value with the property name to only ignore this field when it has a specific value4. Click Save and done
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.