Tuned Variables
Reference other variables and create simple calculations for dynamic values
Plugin Preview
About this plugin
Tuned Variables
A Figma plugin for creating simple mathmatical expressions with local variables
🔥 Features:
- Create values based on simple mathmatical expressions
- Use other variables as values for an expression
- Reference variables from other groups
- Reference variables from other collections
🚀 How to use:
- In a variable, update its description with an expression like so:
{{ 2 + 2 }} - In the menu bar, click on the plugin, and it will run through all your variables and update their values if an expression is set.
- To use other variables as values reference them like so:
{{ $base * 2 }}. This will take the value from the value with the namebase - To use nested variables simply use their name:
{{ $Font/Size/base * 2}}. This will take the value base from the group Size inside the group Font - To use variables from other collections prepend the variable name with the collection name. Example: If you have a collection called
primitivesthen write it like so$primitives/Font/Size/base- this will get the variableFont/Size/baseinside theprimitivescollection
🚧 Limitations:
Only Number variables at the moment
Modes are isolated, so you can't use a variable value from another mode.
Only simple operators are supported: *, /, +, -
🎁 Contribute:
If you want to improve the plugin, then you are very welcome to create a PR
🤝 License:
This will stay forever free and you are welcome to use this in personal and business use.
💎 Need more advanced featues?
I don't have plans to make this plugin more advanced, so if you need more advanced features i would recommend you to check out the Dynamic Variables by @neelts
Plugin Details
| Version | 5 |
|---|---|
| Created | June 12, 2024 |
| Last Updated | June 19, 2024 |
| Category | editing & effects plugins |
| Creator | Chimtji |
| Stats | 34 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.