Skip to content
css-tailwind-codegen

css-tailwind-codegen

by Parbez Barbhuiya

Generated tailwind class names from the css privided by figma

FreeDev Mode

Installs

372

Likes

71

Users

9,859

Views

4,859

Preview

css-tailwind-codegen 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 all