figma-tailwindcss-config-plugin icon indicating copy to clipboard operation
figma-tailwindcss-config-plugin copied to clipboard

Figma plugin to generate a configuration file for Tailwindcss framework

Figma + Tailwindcss = <3

This project is a small plugin for Figma to generate easily tailwind css config file directly from design.

Quickstart

  • Run yarn to install dependencies.
  • Run yarn dev to start webpack in watch mode.
  • Open Figma -> Plugins -> Development -> New Plugin... and choose manifest.json file from this repo.

⭐ To change the UI of your plugin (the react code), start editing ui.tsx.
⭐ To interact with the Figma API edit code.ts.
⭐ Read more on the Figma API Overview.

Toolings

This project is using:

  • React + Webpack
  • TypeScript
  • TSLint