Back to Plugins
One Click Sync - Link Variables Instantly

One Click Sync - Link Variables Instantly

Instantly link detached colors and text to your design system variables.

Plugin Preview

One Click Sync - Link Variables Instantly preview

About this plugin

Stop manually hunting and fixing detached variables!


One Click Sync instantly scans your selection to find raw hex codes, fonts, radius and spacings, and links them to your Design System variables and styles.


Perfect for design system migrations, file handoffs, and daily cleanup.


Key Features:


  1. Intelligent Color Linking: Automatically finds and links colors to your variables. Uses smart matching to find the closest variable even if the hex code isn't an exact match.


  1. Advanced Typography: Link text to both Text Styles and Font Size Variables. Includes "Smart Match" to link styles based on hierarchy even if fonts differ.


  1. Layout & Spacing: Instantly link detached Corner Radius, Gap, and Padding values to your spacing variables.


  1. Semantic Scoring: Uses layer names (like "Icon" or "Background") to prioritise the most relevant variable names.


  1. Safe & Controlled: Review every suggestion before applying. Skip individual items or undo changes instantly.


  1. Team Library Support: Works with your published Team Libraries and local variables.


It’s the fastest way to clean up your files and ensure 100% design system consistency.


Reduce mismatches, confusion for developers and keep your designs connected and clean.


Feel free to share your feedback / suggestions :

[email protected]

Plugin Details

Version2
CreatedDecember 9, 2025
Last UpdatedDecember 11, 2025
CategoryFile organization plugins
CreatorAnurag Mittal
Stats0 installs, 0 likes
PricingFree

Technical Details

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