• This repository has been archived on 10/Dec/2023
  • Stars
    star
    269
  • Rank 152,662 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Figma Plugin for Tailwind CSS

Tailwind CSS 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
  2. Drag the generated tailwind.json in the plugin.

  3. 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
  2. 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!

More Repositories

1

tailwindcss-radix

Utilities and variants for styling Radix state
TypeScript
2,106
star
2

tailwindcss-figma-kit

Figma Kit for Tailwind CSS
Shell
736
star
3

react-hooks-mobx-state-tree

React Hooks + MobX State Tree + TypeScript = πŸ’›
TypeScript
242
star
4

flutters

A game powered by Flutter and Flame
Dart
240
star
5

react-native-heroicons

React Native components for heroicons
TypeScript
136
star
6

ac2100-openwrt-guide

Install OpenWrt on the AC2100 (black cylinder)
Python
113
star
7

gatsby-typescript-tailwind

Gatsby + TypeScript + Tailwind CSS
TypeScript
76
star
8

webpack4-pug-sass-example

Example config for using pug and sass in webpack4
JavaScript
49
star
9

heroicons-react

React components for heroicons
TypeScript
39
star
10

OpenCore-Lenovo-Flex-15

macOS support for the Lenovo Flex 15 59416277
Shell
23
star
11

coingecko-rs

Rust library for the CoinGecko V3 API
Rust
17
star
12

OpenCore-NUC8i5BEH

OpenCore EFI for the Intel NUC8i5BEH
14
star
13

cra-tailwind-starter

Tailwind CSS starter project based on create-react-app
JavaScript
13
star
14

react-popper-spring-tooltip

A highly configurable tooltip wrapper around react-popper and react-spring
TypeScript
12
star
15

dotfiles

dotfiles - macOS
Lua
11
star
16

OpenCore-EliteDesk-800-G2SFF

OpenCore EFI for the HP EliteDesk 800 G2 SFF
10
star
17

firebase-functions-boilerplate

Template for having split up cloud functions with jest testing
TypeScript
8
star
18

react-native-next-monorepo

https://ecklf.com/blog/rn-monorepo
Java
6
star
19

tailwind.json

npx tailwind.json
JavaScript
6
star
20

react-tailwind-storybook

Create a TailwindCSS component library with Storybook
JavaScript
3
star
21

rustlings_solutions

My rustlings solutions
Rust
3
star
22

react-native-animation-utils

TypeScript
2
star
23

flagkit

TypeScript
1
star
24

snake-rs

Rust
1
star
25

rust_learning

Rust
1
star
26

tailwindcss-bot

Tailwind CSS Discord Helper Bot
Rust
1
star
27

cra-tailwind-ts

Tailwind CSS starter project based on create-react-app (TypeScript)
TypeScript
1
star
28

advent-of-code-2021

Advent of Code 2021
Rust
1
star
29

react-navigation-v6-monorepo-issue

Java
1
star
30

mst-gql-compile-bug

https://github.com/mobxjs/mst-gql/issues/252
TypeScript
1
star
31

react-css.gg

TypeScript
1
star
32

react-edge-functions

TypeScript
1
star
33

nextjs-tailwind-ts

TypeScript
1
star
34

advent-of-code-2022

Rust
1
star
35

ecklf

1
star
36

OpenCore-Lenovo-M720q

Lenovo M720q - OpenCore EFI for macOS 15 Sequoia
1
star
37

macos-tags

Rust library for modifying macOS tags
Rust
1
star
38

react-flat-flags

Flat Flags for React
JavaScript
1
star