Back to Plugins
Detach Color Styles

Detach Color Styles

Easy detach color styles from selected elements while preserving underlying color variables.

Plugin Preview

Detach Color Styles preview

About this plugin

What it does:This plugin helps you clean up broken color style references in your Figma files, particularly useful during library migrations. When color styles are deleted from a library but instances in consuming files still reference them, this plugin detaches those styles while preserving the underlying color variable values.Key Features:Smart Detection: Distinguishes between styles using color variables vs. raw color valuesSafety First: Only works on your current selection - you control what to detachVariable Preservation: Maintains color variable references when detaching stylesClear Feedback: Shows exactly which styles were found and detachedPerfect for:Library migrations where color styles were removedCleaning up broken style referencesConverting style based colors to direct variable usageMaintaining design system consistency and follow up to breaking changesHow to use:Select elements with color styles you want to detachOpen the plugin and scan for stylesChoose which styles to detachPlugin preserves color variables and removes (staled) style referencesSafe, selective, and designed for professional design system workflows.

Plugin Details

Version5
CreatedJuly 30, 2025
Last UpdatedJuly 31, 2025
CategoryFile organization plugins
CreatorPhilipp Jeroma
Stats46 installs, 18 likes
PricingFree

Technical Details

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