Auto Variable
Detect and bind collection variables to layer styles
Plugin Preview
About this plugin
Detect and bind collection variables to layer styles by highlighting your layers and setting your target collections. Any layer values (width, height, padding, corner radius, layer gap) that have matching variable values in the target collection will be automatically converted to the appropriate variables.
Instructions
// Linking/detecting variables in bulk
- Select all the layers you want to affect
- Assign the target collections for each style you want to change to variables and click the Run button.
- For example if you have a variable collection for border radius values, you can assign that as the target collection for the “Corner radius” style property. Then when you click “Run” any manual values that match a variable in the target collection will be linked/converted to the matching variable.
// Unlinking variables in bulk
- Select all the layers you want to affect
- Select “Unliked” as the target collection for a style properties you want to unlink from variables, and click the Run button.
- For example, if can select 100 layers, and specify the Corner Radius target collection as “Unliked”, when you click “Run”, border radius styles for all 100 layers will be unlinked (if applicable) from their variables and would now just be normal manual style values.
Plugin Details
Version | 7 |
---|---|
Created | August 1, 2023 |
Last Updated | June 26, 2024 |
Category | Prototyping & animation plugins |
Creator | Ethan Roxburgh |
Stats | 131 installs, 18 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.