Back to Plugins
Link Spacing & Radius Variables (Alpha)

Link Spacing & Radius Variables (Alpha)

Link spacing and radius variables

Plugin Preview

Link Spacing & Radius Variables (Alpha) 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

Version2
CreatedApril 4, 2025
Last UpdatedApril 6, 2025
CategoryFile organization plugins
CreatorAlexander Malivanov
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui/index.html
  • main:code/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none