impulse / Tailwindcss Figma Plugin
Licence: mit
Figma Plugin for TailwindCSS
Stars: ✭ 165
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Tailwindcss Figma Plugin
Stencil Tailwind
TailwindCSS plugin for Stencil
Stars: ✭ 26 (-84.24%)
Mutual labels: plugin, tailwindcss
Tailwindcss Aspect Ratio
Aspect Ratio Plugin for tailwindcss framework
Stars: ✭ 243 (+47.27%)
Mutual labels: plugin, tailwindcss
Vim Svelte
Vim syntax highlighting and indentation for Svelte 3 components.
Stars: ✭ 158 (-4.24%)
Mutual labels: plugin
Admin Template
Tailwind CSS Starter Template - Admin Dashboard Template
Stars: ✭ 160 (-3.03%)
Mutual labels: tailwindcss
Babel Plugin Transform React To Vue
Transform React component to Vue component (beta)
Stars: ✭ 157 (-4.85%)
Mutual labels: plugin
Godot Git Plugin
A Git plugin for the Godot Editor based on GDNative for Godot's VCS integration
Stars: ✭ 156 (-5.45%)
Mutual labels: plugin
Keepasswinhello
Quick unlock with Windows Hello for KeePass 2
Stars: ✭ 162 (-1.82%)
Mutual labels: plugin
Waifu Motivator Plugin
OSS Waifu Motivator Plugin for Jetbrains to help boost your motivation while coding!
Stars: ✭ 160 (-3.03%)
Mutual labels: plugin
Flutter qr mobile vision
QR reader plugin using mobile vision API for Flutter.
Stars: ✭ 159 (-3.64%)
Mutual labels: plugin
Standup Raven
A Mattermost plugin for communicating daily standups across teams
Stars: ✭ 161 (-2.42%)
Mutual labels: plugin
Pingcrm React
⚛️ Ping CRM React - A demo app to illustrate how Inertia.js works with Laravel and React (hosted on a heroku free dyno).
Stars: ✭ 158 (-4.24%)
Mutual labels: tailwindcss
Z.lua
⚡ A new cd command that helps you navigate faster by learning your habits.
Stars: ✭ 2,164 (+1211.52%)
Mutual labels: plugin
Jqueryrotate
jQueryRotate - plugin to rotate images by any angle cross-browse with animation support
Stars: ✭ 157 (-4.85%)
Mutual labels: plugin
Tailwind Cards
A growing collection of text/image cards you can use/copy-paste in your tailwind css projects
Stars: ✭ 154 (-6.67%)
Mutual labels: tailwindcss
Hyper Pane
Extension for Hyper.app to enhance pane navigation.
Stars: ✭ 160 (-3.03%)
Mutual labels: plugin
Source Integration
Source control integration plugin framework for MantisBT, including support for Github, Gitlab, Bitbucket, Gitweb, Cgit, Subversion, Mercurial and more
Stars: ✭ 167 (+1.21%)
Mutual labels: plugin
TailwindCSS Figma Plugin
Making your life with Tailwind CSS and Figma easier.
Usage
-
Generate a resolved TailwindCSS config (make sure dependencies are installed)
$ cd yourtailwindproject/ $ npx tailwind.json
-
Drag the generated
tailwind.jsonin the plugin. -
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
-
Then, install your dependencies:
$ yarn install
-
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!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].