figma-plugin-tailwindcss-template

Open source MIT JavaScript

GitHub

Stars

Forks

Issues

Watchers

3 years

Last Commit

JavaScript Libraries & Components

About figma-plugin-tailwindcss-template

# **🔌 Tailwindcss template for building Figma plugins** This is the template that I wish I had when I first started building out [Bricks](https://github.com/bricks-cloud/bricks). <p align="center"> <a href='http://makeapullrequest.com'><img alt='PRs Welcome' src='https://img.shields.io/badge/PRs-welcome-43AF11.svg?style=shields'/></a> <a href="https://github.com/bricks-cloud/figma-plugin-tailwindcss-template/stargazers"><img src="https://img.shields.io/github/stars/bricks-cloud/figma-plugin-tailwindcss-template?color=e4b442" alt="Github Stars"></a> <a href="https://github.com/bricks-cloud/figma-plugin-tailwindcss-template/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-red" alt="License"></a> </p> #### **Technologies Used**: 1. Typescript 2. React 3. Tailwindcss 4. Webpack 5. Yarn #### **To get started**: 1. Install [Node.js](https://nodejs.org/en/) and [Yarn 1](https://classic.yarnpkg.com/en/docs/install). 2. Run `yarn install` in the repository's root directory. 3. Run ` ...

Platforms

Web Self-hosted Cloud

Languages

JavaScript

Links

Source Code

Published by

bricks-cloud

Visit View Profile

README.md

View on GitHub

🔌 Tailwindcss template for building Figma plugins

This is the template that I wish I had when I first started building out Bricks.

Technologies Used:

Typescript
React
Tailwindcss
Webpack
Yarn

To get started:

Install Node.js and Yarn 1.
Run yarn install in the repository's root directory.
Run yarn run dev to start building.
Right Click in Figma -> "Plugins" -> "Development" -> "Import plugin from manifest..."
Click on "+" -> import plugin from manifest -> Select ./dist/manifest.json file to import the plugin
Click on "Run" to start the Figma plugin in development mode.