0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Variables Import Export

Can help you import and export variables.

by Magic Grass

users
22K
likes
222
saves
1.9K
comments
42
FreeWorks inFigma Design
Price
Free
Latest version
v5 · Aug 2, 2023
First published
Jun 25, 2023
Publisher
Magic Grass
Features

What Variables Import Export does

Summarised from Magic Grass's description on the Figma Community.

  • 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.

  • Export Variables

    Before exporting variables, make sure that there are variables included in the current file.

  • 上传变量

    在上传变量时,你需要准备好变量的 JSON 文件,点击选择文件按钮,选择JSON 文件并上传,点击上传按钮后即可在figma 中的本地变量中找到你上传的变量。

  • 导出变量

    在导出变量前,你需要保证当前文件中包含变量,当满足此条件后,点击导出变量按钮,你就可以保存当前文件的变量到本地。

  • Manifest

    2 quick actions

    Run from the Actions menu (Cmd/Ctrl + K): Import Variables, Export Variables.

On this page
Overview

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 文件目前不能上传,或许会在以后优化一下。
  • 目前尚不支持导出和导入布尔值和字符串。

如果这个插件能帮到你,你可以在这里给我买一杯啤酒,这样今晚我就可以喝几杯了🍻

Changelog

What's new

Version 5 · released Aug 2, 2023

  • Fixed some features: (
Trust

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.

Rankings

Where Variables Import Export ranks

Compare

Variables Import Export alternatives

  1. 134K users3.2KFree + $15 upgrade

    Apply styles and variables to all your designs with one click!

  2. 85K users1.7KFree

    Export variables from one file and import them to another. Supports modes, references, and scopes.

  3. 3

    Design Tokens

    by Lukas Oppermann

    62K users1.9KFree

    Export design tokens to JSON or GitHub.

  4. 4

    Figma Tailwindcss

    by Jan D'Hollander

    53K users606Free

    Export design tokens to tailwind theme

  5. 5

    Kigen

    by vijay verma

    34K users1.7KFree

    Create Design System Variables, Tokens, Styles and more with documentation

  6. 6

    variables2css

    by Kai-Uwe Hella

    28K users353Free

    Convert Figma Variables to CSS, Sass, Tailwind, Json, Javascript (Styled-Components), Less or Stylus

FAQ

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.

For developers

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.

Variables Import Export on figmaplugins.co

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>