Skip to content

halfhelix/figma-typography-plugin

Repository files navigation

Figma Tailwind generating plugin

image

  • Automates tailwindcss font creation by outputting the required values in tailwind.config.js and typography.css
  • Automates tailwindcss color palette creation from saved paint styles in tailwind.config.js

Development Quickstart

  • Run yarn to install dependencies.
  • Run yarn build:watch to start webpack in watch mode.
  • Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.json file from this repo.

⭐ Read more on the Figma API Overview.

Toolings

This repo is using:

  • React + Webpack
  • TypeScript
  • Prettier precommit hook