Skip to content

v4.4.0

Choose a tag to compare

@hefler hefler released this 26 Aug 07:36
· 10 commits to main since this release

What's Changed

  • Fix Tailwind scoping, add Code Syntax support, fix alias resolution by @hefler in #20

Closes #11, #16, #17, #18, #19.

Tailwind CSS export (BETA)

  • Namespaces now derive from a variable's Figma scopes instead of its name, so a group called text scoped to font size exports as --text-h1
  • px is applied only to dimension scopes — a font-weight no longer exports as 600px
  • Groups join with a single dash by default so Tailwind IntelliSense picks the variables up; a toggle restores --
  • Alias var() references now resolve through the same namer as declarations

Code Syntax

  • Exported in JSON, CSV and JS, and applied again on import
  • Optional setting to use the Web code syntax as the emitted variable name in CSS and JS

Import fixes

  • Variable group names containing a full stop now resolve
  • A mode name clashing with a group name backtracks instead of giving up
  • A text variable whose value starts with $. is no longer mistaken for a reference

Also

  • Optional px unit for variables left on Figma's default scoping
  • Format labelled "CSS & Tailwind"; Tailwind-only options nested under their parent toggle
  • Readable tooltips on the ? help badges

Full Changelog: v4.3.0...v4.4.0