Skip to content

metafy-gg/tailwind-utils

Repository files navigation

tailwind-utils

Preview

Figma extension features:

  • Convert Figma CSS rules to Tailwind classes automatically right in the Figma inspector pane. Supports Tailwind JIT as well as Tailwind 2.2 opacity shorthand syntax
  • Automatically get a set of responsive Tailwind classes by clicking elements in the Figma window.

Library functions:

How to use as a bookmarklet

Clone this repository, then run:

pnpm run build-bookmarklet <path-to-your-tailwind-config-file>

Copy the built output from dist/bookmarklet.bundle.js, and paste it into a new bookmarklet (but make sure to prepend javascript: to it).

Open a Figma page and click the bookmarklet to activate the translation functionality and the responsive helper.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published