Version 97

• Added Dark mode
• Added ability to reference typography or shadow tokens
• Added first iteration of autocomplete/token picker for basic token values
• Added GitLab sync
• Added ability to deep reference shadow or typography token values, e.g. {typography.h1.bold.fontSize}

Quality of life improvements:

• Duplicate token set
• Added ability to minimise the plugin

Other changes:

• Combined sync and settings page
• Added a beta key field
• Added a dedicated loading screen to prevent users from advancing while waiting for remote tokens to load

Fixes:

• Fixed a bug that resulted in plugin crash when deleting a token set
• Fixed a bug with self-references that crashed the plugin
• Fixed a bug with broken shadow references and tooltips that crashed the plugin

Version 95

Fix numerical font weights (#633)

* fix: numerical font weights

* bump release

0.86

What's Changed

• The plugin now remembers the last used token sets after plugin relaunch in #493
• Added toggle to GitHub sync so personal access tokens are obscured by default. Thanks @srinivas0210 in #491
• Toggling hide empty groups now remembers its state after plugin relaunch. Thanks @srinivas0210 in #500
• Fixed a bug that prevented borders from accepting linear-gradients in #502

New Contributors

• @srinivas0210 made their first contribution in #491

Release 82: Inspect & Annotate

This release introduces a new way to inspect multiple layers that have tokens applied.

What's Changed

• See which tokens are applied and if there's missing links
• Reassign new tokens
• Remove tokens from specific/all layers
• Annotate and handoff tokens applied to a layer: Annotations handoff by @WardMe in #439

Other fixes

• Fix self-referencing token crashes by @six7 in #435
• Custom token types now get displayed in the category heading, fixes #433

Full Changelog: 0.79...0.82

The performance release

We’ve significantly improved performance when updating tokens applied to layers. The first run will be somewhat improved while subsequent runs will feel really fast.

Release 69: Box Shadows & GitHub sync improvements

Release 69 comes with full box shadow support - including dropShadows and innerShadows, multiple shadows and the ability to import/create shadow styles. Also GitHub Enterprise users can now add their baseUrl to benefit from the GitHub sync.

Shadow improvements

• add support for multiple box shadows using arrays. fixes multiple box shadows #234
• add new box shadow edit dialog. fixes Add pretty boxShadow input #312
• add support for innerShadow
• adds support for importing / updating shadows. fixes Effect styles (Drop shadow) does not get imported #174

General improvements

• adds import dialog allowing you to define what to import. fixes Allow user to choose what styles to import / create #314

GitHub sync improvements

• Enables GitHub Enterprise support: Just add your baseUrl to sync credentials. Fixes GitHub sync: Provide support for Enterprise Server #319
• fixes GitHub sync: Unexpected behaviour when connecting to a repo already containing tokens #321
• fixes Github Sync using a repo url but write to a different .json #327

Fixes

• fixes Border-color token does not apply as layer style #331
• fixes Spaces in token name doesn't work #323

0.68

New additions

• Added textCase and textDecoration tokens as own tokens and as part of typography tokens - fixes #95

Fixes

• Fixes calculation of deep nested aliases especially when using rgba() and calc inside of them
• Fixes token buttons not having enough contrast when using hsla colors - fixes #309
• Fixes token categories always re-opening when adding/editing tokens - fixes #295
• Fixes ability to remove Documentation Tokens from a layer
• Fixes Documentation token isActive state

Full Changelog: 0.67...0.68

GitHub Sync and Polish release

It's here! Version 67 of Figma Tokens with a bunch of improvements and new features. Let's get to it:

• New sync option: GitHub sync! This is the one a lot of you have been looking forward to: Store tokens on GitHub! This allows you to keep them version-controlled, use features such as branching, and create your own token pipeline by utilising GitHub Actions. Read more on the Docs.
• New sync option: URL sync! Add an external URL to sync as a Read Only user. You can also add a JSONBin and access it as a read only user provided you have the credentials - fixes #251
• Remove Resize Window from Options. You can now drag the bottom right corner of the plugin window to do that.
• You can now exclude tokens from being created as styles by having their names begin with a _, e.g. colors.blue._hue or whole groups by using _global.blue.100 - fixes #264
• Token names that contain a / in it's name are now automatically transformed to names containing . instead. Fixes #274
• Fixed a bug with colors when displayed in list mode - fixes #275
• Fixed a bug with color thumbnails not being displayed correctly - fixes #266
• Fixed how math was encapsulated and calculated inside rgba() functions - fixes #166, fixes #209
• Fixes opacity values sometimes evaluating to 0.52 in Figma
• Adds unique check to token names
• You can now enter JSON5 into the json tab and we'll convert it to JSON for you. This means you don't need to add quotes around keys and can have dangling commas at the end. Fixes #283
• Entering named colors like red, blue or green is now supported both in plugin UI And when using it to create styles, which will convert it to hex for you. Fixes #276
• Duplicate a single token to copy it's values to a new token named the same with -copy added to it's name. Fixes #142
• We now show you when a reference has a broken alias in token overview
• We now show you a preview on a token value when it contains an alias when editing or creating a token
• Fixed a bug that applied raw token values instead of applying the style when the style should've been used in a local document
• Added deep equality check to importing typography styles. These should no longer show up as changed when using Import, even though nothing changed. Thanks @tpict

New Contributors

• @tpict made their first contribution in #292

Pre-Release 0.2

• Adds colors to tokenbuttons
• Adds opacity visualization to opacity parameters (needs more work)
• Adds border option to fill tokens (replaces round button with default one)
• Fixes Edit Token menu bug (couldnt jump from token to token editing)
• Adds reset to default button to editor

Pre-Release 0.1

Included:

• Border radius
• Autolayout properties
• Sizing
• Colors (fill)
• Opacity
• Edit JSON
• Visual Token Editor

Not yet included is:

• Icons for various actions
• Actions for colors (currently only fill is supported, not yet border)
• Color picker for colors
• Typography
• Different colors for different values

Caveats for now:

• Cant set data on component instances. This is a limitation by Figma. We might find a way around that though.
• When trying to update tokens JSON and a component has data set on it but its master is not located in the current document we give a warning that there's components that couldnt be updated - update those in the components master location.
• Cant "read" color styles from a design library. Will work around that in the future by opening Tokens once in your colors file, then "attaching" Color Styles to your color tokens
• JSON doesnt sync across your documents for now. We'll work on a solution for that (incl. export, import, sync to JSON - or any other format e.g. scss or css or yml)
• If you remove a token but one of your layers still has a reference to that "missing token" we don't show you that as of now. In the future there could be a "Missing Token" dialog incl. ways to "migrate" that token to another or new one