Figma plugin to convert layers to Tailwind HTML/JSX (utilizing JIT and custom configs)
npm install
npm run dev
- Run
npm run dev
- Open Figma
- Click Menu > Plugins > Development > Import plugin from manifest...
- Select
figma-to-tailwind/manifest.json
- Select
- Click Menu > Plugins > Development > Figma to Tailwind
- JIT-only output
- Custom configs
- Un-JIT values
- Generate multiple spans for text node
- More CSS properties
- Shadows
- Gradients
- Text transform
- etc
- Publish to Figma Community