Tailwind CSS Styles Generator
Generate all the Tailwind CSS text, color and shadow styles right into your design panel, created for designers and developers using Tailwind CSS in their amazing projects.A Little Back StoryI'm a huge fan of Tailwind CSS.When creating designs where I knew I'll use Tailwind CSS for development, it became frustrating when I had to manually create the styles and copy colors from Tailwind CSS site.Even more frustrating was when I had to manually create those styles time and again for multiple projects.That's when the idea of creating this plugin hit my mind.I searched for pre-existing plugins but they barely provided this functionality.So, here it is.Right now it generates only text, color and shadow styles.Anticipating your comments and ideas on how the plugin can be improved.
Plugin Preview
About this plugin
Generate all the Tailwind CSS text, color and shadow styles right into your design panel, created for designers and developers using Tailwind CSS in their amazing projects.A Little Back StoryI'm a huge fan of Tailwind CSS.When creating designs where I knew I'll use Tailwind CSS for development, it became frustrating when I had to manually create the styles and copy colors from Tailwind CSS site.Even more frustrating was when I had to manually create those styles time and again for multiple projects.That's when the idea of creating this plugin hit my mind.I searched for pre-existing plugins but they barely provided this functionality.So, here it is.Right now it generates only text, color and shadow styles.Anticipating your comments and ideas on how the plugin can be improved.
Plugin Details
| Version | 2 |
|---|---|
| Created | October 27, 2022 |
| Last Updated | November 7, 2022 |
| Category | Software development |
| Creator | Jatin Bumbra |
| Stats | 509 installs, 78 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code