Back to Plugins
Detach Variables

Detach Variables

Detach the variable colors or text applied to frames, groups, and sections with a single click.

detachdesignvariablesdesign toolsdesign system

Plugin Preview

Detach Variables preview

About this plugin

Version 18 Key Updates


👉 Now, number variables for line height, letter spacing, paragraph spacing, and paragraph indent can also be detached.

👉 The Detach Typography Variables feature has been added, allowing you to detach all variables within Typography, regardless of whether they are number or string-based.

👉 Typography with mixed styles can now be detached as well.

👉 When running Detach String Variables, font size, which is the only number variable, will also be detached—please keep this in mind.

👉 The UI changes introduced in Version 17 have been removed (they just seemed to make things more inconvenient…).


We’ve tested various cases internally, but unexpected bugs might still pop up.

Your valuable feedback helps us improve the service, so please share your thoughts with us! 🙏


Fund My Work →


Description


Here are the plug-ins you need for people who have spent unnecessary time on ‘variable detach’


🎉 Detach the variable colors or text applied to frames, groups, and sections with a single click.🎉


Reduce unnecessary clicks and start design work efficiently.🌝


💪Features

  1. Detach Color Variable
  2. Detach String Variable
  3. Detach Number Variable
  4. Detach Boolean Variable
  5. Detach Typography Variable
  6. Detach All Variable


🙌How to use it🙌


The plug-in can be run either by entering "Detach Variables" into the plugin search in the Figma file or via (win)Ctrl+/ or (Mac)cmd+/.


If you need a color, string, number detach, select the desired area before plug-in.


We plan to show off more features in the future! Please look forward to it😘

Plugin Details

Version18
CreatedAugust 12, 2023
Last UpdatedMarch 1, 2025
CategoryFile organization plugins
CreatorDillon
Stats655 installs, 61 likes
PricingFree

Technical Details

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