Back to Plugins
variables

variables

Create global variables and link them to any property. Unlock new functionality within Figma.

propertieslayersimageauto layouttokenssyncvariablesglobalchangeautomaticshadowmath

Plugin Preview

variables preview

About this plugin

Create global variables and link them to any property across any layer. Experiment with your designs, keep organized, and unlock new functionality within Figma.📕 Playground and documentationStart by duplicating this handy file in the community! Check out interactive lessons and documentation, and see how variables can transform the way you work in Figma.✅ FeaturesUse variables to control nearly 60 layer properties like blurs, variant properties, gradients, layer visibility, shadows, size, rotation, text, padding, and much more.Use combo variables to modify your existing variables with math. For example, set a variable to be the value of another variable divided by 2, or multiply two of your variables together.Switch between variable sets. Quickly swap between different sets of variables, giving you the ability to maintain version history and experiment on your designs with different variable values. Have different variable sets available on each page of your document, or choose to share them across the whole document. You can even access the same variable sets across all of your files.Control instances, variant properties, and styles. Whether you want to dynamically switch between text or fill styles, toggle a property on or off in a component set instance, or swap an instance to a totally different parent component, variables has you covered.Batch edit specific properties, like blur, shadow offset, and contrast, across different images or shadows without requiring the other properties to match.🤔 How to useThat’s really up to you! Variables and linked properties work together to do whatever you want. At the bare minimum, you create a variable in the Variables tab. You can then use that variable to link it to the same property across different layers. Or different properties on the same layer. Or any combination you can dream up. Go wild! For inspiration, check out the playground and documentation file.☕️ Support the pluginIf you love the plugin and feel inclined to provide some small financial support to encourage the development of new features and bug fixes, that would be greatly appreciated. No pressure, of course!Buy me a coffee🚧 RoadmapThe option for layers with linked variables to be automatically updated when you rename a variable.Variable value previews in the Properties tabMuch more!_

Plugin Details

Version14
CreatedJuly 25, 2021
Last UpdatedDecember 8, 2022
CategoryUncategorized
CreatorDan Araujo
Stats4375 installs, 449 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.html
  • main:build/main.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.