1.38.5

What's Changed

• Update Cypress configuration and support files by @six7 in #2370
• Upgrade jest by @six7 in #2371
• Update svgo and svgr versions. by @six7 in #2376
• Update svgo.config.js to preserve removeViewBox by @six7 in #2383
• For-multi-value-number-or-dimension-or-spacing-or-sizing-tokens-we-should-skip-them by @robinhoodie0823 in #2368
• feat: ignore first part of token name for variables by @mihkeleidast in #1992
• Values are not respected in variables by @robinhoodie0823 in #2366
• Some tokens are falsely labeled as broken by @robinhoodie0823 in #2340
• Change font-size input field position in Typography composite token modal by @victorjanin in #2392
• Version Packages by @github-actions in #2394
• Version fix by @SorsOps in #2395
• fix changelog by @SorsOps in #2396

New Contributors

• @victorjanin made their first contribution in #2392

Full Changelog: 1.38.4...1.38.5

1.38.4

What's Changed

• Bump browserify-sign from 4.2.1 to 4.2.2 by @dependabot in #2342
• Bump set-value from 3.0.2 to 3.0.3 by @dependabot in #2355
• Feat/ reintroduce update on change by @LukeFinch in #2361
• Version Packages by @github-actions in #2374

Full Changelog: 1.38.2...1.38.4

1.38.3

What's Changed

• Fix a crash when interacting with a numeric token by @SorsOps in #2352
• Gitlab issue connecting to repo by @robinhoodie0823 in #2354
• Version Packages by @github-actions in #2358

Full Changelog: 1.38.1...1.38.3

1.38.2

What's Changed

• 1935-unable-to-remove-license-key-rebase by @robinhoodie0823 in #2294
• Carry-over-token-descriptions-to-variable-descriptions by @robinhoodie0823 in #2330
• 2124-show-token-values-in-inspect by @robinhoodie0823 in #2321
• [Snyk] Fix for 2 vulnerabilities by @SorsOps in #2324
• Reintroduce support for nested references by @six7 in #2349
• Version Packages by @github-actions in #2351

Full Changelog: 1.38.1...1.38.2

1.38.1

What's Changed

• fix minwidth on instance children by @six7 in #2271
• fixes suggestions input color by @six7 in #2277
• change windows shortcut by @six7 in #2284
• Changing Branches Deselects all Previously Selected Themes by @robinhoodie0823 in #2281
• Update general.json by @MrBiscuit in #2157
• fix: documentation tokens by @six7 in #2286
• fix onboarding links by @six7 in #2287
• Version Packages by @github-actions in #2290
• Bump tough-cookie and @cypress/request by @dependabot in #2198
• 1841-token-transformer-expands-typography-tokens-even-when-resolvereferences=false by @robinhoodie0823 in #2296
• 1821-cant-rename-stylesvariables-after-changing-the-parent-name-of-a-token-group by @robinhoodie0823 in #2293
• 1930-active-theme-disabled-upon-editing-and-saving by @robinhoodie0823 in #2299

Full Changelog: 1.38...1.38.1

1.38

1.38 - Performance Improvements

We’ve changed the way the plugin stores, applies and resolves tokens for the fastest Tokens Studio experience to date.

We’ve been working on performance patch releases since 1.37 to improve performance, but 1.38 brings the removal of internal cache that led to a lot of crashes and instability.

This means switching themes, activating a new token set, making changes to large documents, or applying tokens in bulk happens up to 300x faster.

🚀 Notable changes:

• We have completely revamped internal token storage and removed the cache we were using which has improved performance.
• Figma finally released an update to their plugin API that we requested which makes finding layers containing tokens MUCH faster.
• Utilizing the new API to find layers with tokens on them, we no longer rely on an internal cache on nodes that requires the plug-in to keep and scan all Tokens Studio data for every operation you perform.

👀 What you’ll see:

• A short “working” phase when applying tokens to layers
  • The plug-in is finding layers because it no longer has cached data to check
• It is still faster than the previous working phase to check the cache.
  • A node counter and estimated time to complete your action
• Size tokens remain the longest to update in Figma.
  • Also true with variables natively in Figma, so we can only assume this is a current limitation on the Figma API.
• Enhanced data has been added to DevMode.
  • The names of all tokens applied to the element are visible in the inspect panel
  • Here’s how to set up dev mode
• The plug-in data preview in the bottom right of the Figma Design panel has been removed.
  • The data stored there was time-consuming to populate, and limits on what we can show (type of token applied and not the value) made it not very helpful.
  • There is richer data in DevMode to replace this feature.
  • NOTE: We will not remove this data automatically. If you want to remove it:
    • Plugin Settings > Scroll to Debugging > Remove Deprecated Data
    • This only removes the preview in the design panel in Figma. It will NOT harm any tokens.
    • There is no harm in leaving the data there. But new tokens applied after this update will not show the preview.

😍 What you’ll notice

• Faster time to complete large operations
  • Not having to scan all cache data means we can pinpoint which nodes to work on with each click you make
• Less crashing on large token files
  • Storing cache data was eating away at limited memory which was causing the plug-in to crash
• Improved responsiveness of the plug-in
  • Using Figma’s API to look for layers containing Tokens Studio plug-in data instead of scanning the entire cache data is way less intensive on the plug-in.
• Making token changes on COMPONENTS will trickle down to INSTANCES
  • Previously we had to “clear cache” on components and that action didn’t always flow through to the instances. Now that we don’t use cache, this shouldn’t be an issue.
• Working with ALIAS TOKENS that have many levels of REFERENCES resolves much faster
  • A backend logic change simplifies resolving references. One test case went from 3 seconds to 10 milliseconds, which is 300x faster.
• EX: A button-color token which references a
  • theme-color token which references a
  • brand-color token which references a
  • core-color token which references a
  • global-color token.

💡 New functionality:

• You can now clear the filter input by pressing the x button next to it when you have added a filter.

🐛 Other smaller bugfixes:

• Changed default Apply to setting to Selection, this should not change any already stored Apply to setting
• You can now "unset" dimension tokens by either removing their token on Inspect or on Tokens view.
• We now no longer ignore invisible instance children from updating, as we're no longer relying on a Cache. This means you can start using boolean tokens in instances.
• Fixes a bug that caused nodes to not get updates when min/max width tokens were applied on instances, which caused any subsequent updates to this node to fail. We now ignore instances for min/max width tokens, as they are unsupported by Figma.
• Fixed a bug that caused Inspect to not show any results when you've used min/max width tokens on instances.
• Fixed a bug that caused Composition token's scroll menu to behave weird when scrolling down
• Fixes a bug that caused shadow tokens that were using array values to not get a value if they were redefined in another token set
• Fixed issue that caused theme groups to not play nice with branches, where we'd previously disable the theme groups after branch switching
• Fixed an issue that caused the plugin to crash when typing [ in the search input.
• Fixed performance of dragging token sets around on the left token set navigation.
• Fixed an issue with the mentions input not showing active colors introduced in the last release.
• When removing a sync provider that was the active one and then closing the plugin, we change token storage to Local. Previously, this led to Invalid credentials.

1.37.11

What's Changed

Fixes performance when it comes to applying tokens for users who had a large number of variables in their themes

Full Changelog: 1.37.10...1.37.11

Release 1.37.10

What's Changed

• fix rename/updatemode and input issues by @six7 in #2199
• add network access to manifest by @six7 in #2203
• fixes variable resolution by @six7 in #2204
• fix stat extractor error by @six7 in #2208

Full Changelog: 1.37.9...1.37.10

1.37.9

What's Changed

Patch release to address some of the performance issues and additional fixes on Supernova sync

✨ Improvements

• Fixes a bug that caused token set order to be ignored when syncing with Supernova
• Improves performance of most operations by utilizing a new findAll function to faster traverse the tree of nodes.
• Adds support for 2 Supernova environments
• Changed behavior of editing, duplicating or creating tokens to no longer automatically apply changes. You now need to run Apply to.. if you want tokens to be updated.
• Cut down speed of Apply to.. operations to around 40% of where we were before
• Improved performance of applying by removing unnecessary calls to check if we need to apply a variable.
• Fixed an issue that caused local variables to be applied if they matched name of an applied token
• Slight change of colors as we’ve detached from Figma’s internal tokens
• Improved performance of the bulk remap function
• Improves performance of attaching/creating variables for large token sets

Full Changelog: 1.37.8...1.37.9

Release 1.37.8

Patch release to improve Second Screen / Token Flow links and adds support for Figma DevMode 🎉

Improvements

• 🎨 Updated UI for Second Screen and Token Flow to work proper on smaller window sizes
• 🗺️ Moved language selector to Settings
• 👀 Adds support for Figma's DevMode! You can now inspect tokens that are set on layers from Figma's Dev Mode, without ever running the plugin.

Special thanks to: @tdesero (Thomas Deser)

devmode.mp4