Styleframe Logo
Back to changelog
v3.6.0

Design tokens that travel

Design tokens are only useful if they can leave your codebase and come back. This release adds a dedicated package for the Design Tokens Community Group (DTCG) format — the standard other tools speak — so your tokens are portable, not locked in.

New

  • The @styleframe/dtcg package. Tokens can now be read from and written to the standard DTCG JSON format, which is how Figma and other design tools exchange them. The CLI and Figma flows were refactored to route through it.
  • Layout and navigation recipes. Media (with figure, body, and title parts), Breadcrumb, Pagination, and a multi-part Page Hero recipe joined the set.

Improved

  • Variable reference tracking. The engine now records which variables reference which, in root._usage.variables, laying the groundwork for smarter purging and dependency-aware output.

Breaking

  • styleframe figma import is now styleframe dtcg import. Importing tokens is a format concern, not a Figma one — the command name now says so. Update any scripts that call the old name.
View the v3.6.0 release on GitHub