Web Design » Figma » How do I export design tokens from Figma?

How do I export design tokens from Figma?

Last updated on November 24, 2022 @ 8:45 pm

Design tokens are a powerful way to manage and share your design ideas with others in Figma. To export your design tokens, follow these steps:

    1. In the upper-left corner of your Figma account, click on your name in the top navigation bar and select Settings.

    2. Click on the Design Tokens button.

    3. On the Design Tokens page, under the My Design Tokens heading, click on the Export button.

    4. On the Export Design Tokens page, enter a name for the export file. (e.g. My Design Tokens.tmx)

    5. Click on the Export button.

    6. Your design tokens will be exported to the file My Design Tokens.tmx

PRO TIP: When exporting design tokens from Figma, be sure to use the correct export format for your needs.Design tokens exported as .JSON files will not work with some older versions of Figma. If you need to support older versions of Figma, export your design tokens as .XML files instead.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.