On this page
About Variables Import Export
Variables Import Export is a free Figma plugin published by Magic Grass in 2023. It works in Figma Design and has 21,846 users and 222 likes on the Figma Community. It ranks #9 in Variables & Tokens on our lists.
In the developer's words
🫡 Firstly, this plugin is based on the open-source code of Figma and it can help you import and export variables.
Upload Variables
To upload variables, you need to prepare a JSON file for the variables. Click on the 'Choose File' button, select the JSON file and upload it. After clicking on the 'Upload' button, you will be able to find your uploaded variables in local variables in Figma.
Export Variables
Before exporting variables, make sure that there are variables included in the current file. Once this condition is met, click on the 'Export Variables' button and you can save the current file's variables locally.
- Figma Tokens the JSON file exported by this plug-in can not be uploaded at this time and may be optimized in the future.
- Exporting and importing boolean values and strings are currently not supported.
If this plugin can help you, you can buy me a beer 点击这里 so I can have a few drinks tonight 🍻
首先,这个插件基于 figma 的开源代码,它可以帮助你完成导入和导出变量。
上传变量
在上传变量时,你需要准备好变量的 JSON 文件,点击选择文件按钮,选择JSON 文件并上传,点击上传按钮后即可在figma 中的本地变量中找到你上传的变量。
导出变量
在导出变量前,你需要保证当前文件中包含变量,当满足此条件后,点击导出变量按钮,你就可以保存当前文件的变量到本地。
- Figma Tokens这个插件导出的 Json 文件目前不能上传,或许会在以后优化一下。
- 目前尚不支持导出和导入布尔值和字符串。
如果这个插件能帮到你,你可以在这里给我买一杯啤酒,这样今晚我就可以喝几杯了🍻
What's new
Version 5 · released Aug 2, 2023
- Fixed some features: (
Permissions and privacy
Network access
This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where Variables Import Export ranks
Variables Import Export alternatives
- 1

Styles & Variables Organizer
by Chenmu Wu
134K users3.2KFree + $15 upgradeApply styles and variables to all your designs with one click!
- 2

Export/Import Variables
by Honza Toman
85K users1.7KFreeExport variables from one file and import them to another. Supports modes, references, and scopes.
- 3

Design Tokens
by Lukas Oppermann
62K users1.9KFreeExport design tokens to JSON or GitHub.
- 4

Figma Tailwindcss
by Jan D'Hollander
53K users606FreeExport design tokens to tailwind theme
- 5

Kigen
by vijay verma
34K users1.7KFreeCreate Design System Variables, Tokens, Styles and more with documentation
- 6

variables2css
by Kai-Uwe Hella
28K users353FreeConvert Figma Variables to CSS, Sass, Tailwind, Json, Javascript (Styled-Components), Less or Stylus
Variables Import Export FAQ
What does Variables Import Export do?
Can help you import and export variables. It's a Figma plugin by Magic Grass that runs in Figma Design.
Is Variables Import Export free?
Yes. Variables Import Export is free to install and run from the Figma Community, with no paid tier listed.
How do I install Variables Import Export?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Variables Import Export?
By user count, the closest alternatives are Styles & Variables Organizer, Export/Import Variables and Design Tokens. Compare all of them on the best Figma plugins for variables & tokens.
Built this plugin?
Use this page as a landing page for Variables Import Export: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/variables-import-export/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Variables Import Export on figmaplugins.co" width="220" height="48"></a>