KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

figma-tailwindcss

★ 18 Open GitHub ↗

A figma plugin to convert css to tailwind class

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# tailwindcss codegen

This plugin generates tailwind class names in Figma's dev mode.

No login or other AI stuff.

[Try it today](https://www.figma.com/community/plugin/1295012016362159423)

![image](https://github.com/imranbarbhuiya/figma-tailwindcss/assets/74945038/7b1040bf-fd68-49e4-b3a4-a2384453385d)

## How to use

1. Toggle the dev mode in Figma
2. Go to plugins and select css-tailwind-codegen
3. Select the layers you want to generate the class names for

## Features

-   Generates class names for the selected layers
-   Ignore specific fields

- Click on Inspect Settings and select Ignore Fields
    - ![alt text](https://raw.githubusercontent.com/imranbarbhuiya/figma-tailwindcss/main/.github/image.png)
    - Type the property name you want to ignore
    - ![alt text](https://raw.githubusercontent.com/imranbarbhuiya/figma-tailwindcss/main/.github/image-1.png)
    - You can also specify a value with the property name only to ignore this field when it has a specific value
    - ![alt text](https://raw.githubusercontent.com/imranbarbhuiya/figma-tailwindcss/main/.github/image-2.png)
    - Click Save and done

figma-tailwindcss

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README