Need help with tailwindcss-figma-plugin?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

impulse
156 Stars 6 Forks MIT License 252 Commits 4 Opened issues

Description

Figma Plugin for TailwindCSS

Services available

!
?

Need anything else?

Contributors list

# 75,590
tailwin...
GraphQL
graphql...
tailwin...
84 commits
# 92
netlify
TypeScr...
GraphQL
angular...
68 commits
# 44,899
android...
python-...
python-...
Electro...
1 commit

TailwindCSS Figma Plugin

Figma Plugin CI GitHub license PRs Welcome

All Contributors

Making your life with Tailwind CSS and Figma easier.

plugin banner

Usage

  1. Generate a resolved TailwindCSS config (make sure dependencies are installed)
   $ cd yourtailwindproject/
   $ npx tailwind.json
  1. Drag the generated
    tailwind.json
    in the plugin.
  2. Done!

Setup

This Plugin will only work when running within Figma since it relies on its API.

Go to the Plugins tab and add this projects

manifest.json
. For more info read the Figma docs
  1. Then, install your dependencies:
   $ yarn install
  1. The config offers either a dev or build script
   $ yarn dev
   $ yarn build

Hot Reloading (macOS only)

Not the smoothest experience, but way better than needing to press a hotkey. In case you use the Figma Beta change App name in

applescript.sh
.
  $ brew install modd
  $ cd tailwindcss-figma-plugin/
  $ modd

License

MIT

Contributors ✨

Thanks goes to these wonderful people (emoji key):


KA95DEV

💻

Roberto Leinardi

🤔 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.