Skip to content

A template that helps you start building Figma plugin that using React + Tailwindcss

License

Notifications You must be signed in to change notification settings

bricks-cloud/figma-plugin-tailwindcss-template

Repository files navigation

🔌 Tailwindcss template for building Figma plugins

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

PRs Welcome Github Stars License

Technologies Used:

  1. Typescript
  2. React
  3. Tailwindcss
  4. Webpack
  5. Yarn

To get started:

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