Skip to content

v5.0.0

Choose a tag to compare

View all tags
@hefler hefler released this 16 Oct 10:54
· 1 commit to main since this release
v5.0.0
bf4491b
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

What's Changed

  • Styles (BETA) — edit, find & replace, build and apply styles with variables by @hefler in #29

🧪 Styles (BETA)

A new Styles menu for working on colour, text, effect and grid styles with your variables. Each item opens the same view in a different place, and a breadcrumb shows where you are.

  • Edit & Bind Variables… — browse every local style and bind, swap or detach the variable behind each field: fill and gradient colours, every text setting Figma exposes, shadow colour/offset/blur/spread, blur radius, and grid count/gutter/margin/size. Add, reorder and hide layers; reorder styles within a folder.
  • Find & Replace Variables… — search the variables bound in styles (contains, starts with, exact name or regex with $1 groups), optionally within one collection, and re-bind every match to the renamed variable. Broken bindings to deleted variables can be found and pointed at a new one. Every match is previewed with a tick box.
  • New Style from Variables… — build a style the way you think about it: pick the kind and type (e.g. Effect → Drop shadow), then a variable for each field, and a name. Need a whole set? Generate many styles at once from a token group or a DTCG typography / shadow file.
  • Apply LibLib Snapshot… — make this file's styles match a LibLib library snapshot. Styles match by key, so renamed styles keep every layer link; variables are rebound by name (exactly, by collection, with LibLib 2.3.0+).

Everywhere:

  • Live preview — an instant preview as you edit, plus the exact render from Figma, with a mode switcher (extended collections included).
  • Nothing is written until you review it — changes collect as drafts, an itemised diff shows exactly what will happen, and applying is a single Figma undo step.
  • Usage count for the selected style.
  • Read-only in Dev Mode.

Menu

  • Export Variables moved to Export as… → All Formats.
  • Styles (BETA) sits second, Import… last.

Why a major version

  • VarVar now asks for the team library permission, so library variables can be offered in the token picker — Figma will ask you to approve it.
  • The menu layout changed.

Exports and imports are unchanged.

Full Changelog: v4.5.2...v5.0.0

Contributors

hefler
Assets 2
Loading