https://github.com/ecklf/tailwindcss-figma-kit

Figma Kit for Tailwind CSS
https://github.com/ecklf/tailwindcss-figma-kit

css design figma kit tailwind tailwindcss

Last synced: 7 months ago
JSON representation

Figma Kit for Tailwind CSS

Host: GitHub
URL: https://github.com/ecklf/tailwindcss-figma-kit
Owner: ecklf
License: mit
Created: 2019-06-04T08:51:02.000Z (over 6 years ago)
Default Branch: main
Last Pushed: 2022-02-04T11:00:11.000Z (over 3 years ago)
Last Synced: 2025-03-29T00:11:11.379Z (7 months ago)
Topics: css, design, figma, kit, tailwind, tailwindcss
Language: Shell
Homepage: https://www.figma.com/c/file/768809027799962739
Size: 90.7 MB
Stars: 738
Watchers: 23
Forks: 34
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome - tailwindcss-figma-kit - Figma Kit for TailwindCSS (Shell)
awesome-list - tailwindcss-figma-kit

README

# Figma Kit for Tailwind CSS

## Information

**Click the banner or [here](https://www.figma.com/c/file/768809027799962739) to get to the project**

**Limitations**

- Font styles need to be overwritten separately
- Figma does not support spread shadow styles

**Changelog (dd/mm/yy)**:

- 24.11.2020: Update to Tailwind v2 colors
- 10.08.2020: Update Heroicons
- 30.07.2020: Add TailwindUI colors
- 19.07.2020: Rename default colors
- 25.04.2020: Update Heroicons
- 12.04.2020: Fix line-height
- 27.02.2020: Update Heroicons
- 04.01.2020: Update to Auto Layout

Alternatively this repo also contains a **.fig** file that can be imported into Figma.

Need an easy way to import tailwind config styles? Check my [Figma Plugin](https://www.figma.com/c/plugin/738806869514947558/Tailwind-CSS)

Icons included: [Heroicons UI by Steve Schoger and Adam Wathan](https://github.com/refactoringui/heroicons)

## Screenshots

### Colors