Figma

Export Figma Variables or Design Tokens to JSON

Romina Kavcic

Here is the list of Figma plugins that you can use to import or export Figma Variables into JSON.

Design Tokens Manager

  • You can export or import Figma Variables

  • Export Styles to JSON files

  • Import Tokens from JSON files

🔗 Get the plugin


Tokens Studio

Gives you the ability to use Design Tokens that can be used for a whole range of design options, from border radii or spacer units to semantic color and typography styles that are able to reference other tokens. It allows you to change tokens and see these changes applied to the whole document, its styles or just a selection.

Generate Tokens with the UI or with your own JSON. Create or update Type, Color or Shadow Styles based on tokens. Reference tokens in each other to create type scales, container paddings or semantic colors.

🔗 Get the plugin


Design Tokens

Export Figma styles and custom tokens to a style dictionary ready json or sync to github.

🔗 Get the plugin

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

I'm Romina Kavcic. I coach design teams on implementing design systems, optimizing design processes, and developing design strategy.

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic

© 2022 - 2024 The Design System Guide by Romina Kavcic