Back to Plugins
Any Variables Import (变量导入)

Any Variables Import (变量导入)

Easily import CSS, LESS, SASS variables into Figma—colors, numbers, strings, and booleans.

Plugin Preview

Any Variables Import (变量导入) preview

About this plugin

You don't need to prepare or clean the variables from unnecessary symbols; simply copy the code as it is, and the plugin will automatically find and import all the variables


Key Features:

• Universal Import: Supports colors, numbers, strings, and booleans

• Flexible Collections: Create new variable sets or update existing ones

• Includes support for variable modes

• Wide Compatibility: Works with CSS, LESS, and SASS syntax

• Comprehensive Color Format Support:

Standard formats: HEX, RGB/RGBA, HSL/HSLA, HSB/HSBA

Modern formats: HWB, LCH, LAB, Display-P3

• Intuitive Interface: Includes clear examples for all variable types

• Real-Time Feedback: Visual progress tracking and detailed import summary

• Supports Chinese and Spanish languages.


Note: Currently, the plugin copies values from referenced variables rather than creating actual variable references in Figma.

Plugin Details

Version6
CreatedMarch 9, 2025
Last UpdatedApril 6, 2025
CategorySoftware development
CreatorVlad Arkhipov
Stats5 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:document
  • Editor Types:
    figma
  • Allowed Domains:
    • none