Link Spacing & Radius Variables (Alpha)
Link spacing and radius variables
Plugin Preview
About this plugin
One-click application of variables to selected objects
Important: Variable Requirements
1. Variables must be in an external library (local variables are not supported yet)
2. The library must be connected to your file
Variable Naming Requirements:
For Spacing:
- Format: `space-{number}`
- Examples: `space-4`, `space-8`, `space-16`, `space-24`
- Variable value must match the number in the name
For Radius:
- Format: `radius-{number}`
- Examples: `radius-4`, `radius-8`, `radius-16`
- Variable value must match the number in the name
Collection Requirements:
- Spacing collection must include the word "spacing" in its name
- Radius collection must include the word "radius" or "border-radius" in its name
How to Prepare Your File
1. Connect the variable library:
- Open "Team Library" menu
- Find the required library
- Enable the toggle next to the "Variables" section
2. Ensure objects are prepared:
- For spacing: objects must use Auto Layout
- For radius: objects must support the cornerRadius property
How to Use
1. Select objects you want to apply variables to
2. Launch the plugin
3. Choose the desired collection from the dropdown (marked with 📚 icon)
4. Click "Apply spacing" or "Apply radius"
Plugin Details
Version | 2 |
---|---|
Created | April 4, 2025 |
Last Updated | April 6, 2025 |
Category | File organization plugins |
Creator | Alexander Malivanov |
Stats | 0 installs, 0 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui/index.html
- main:code/main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.