Detach Color Styles
Easy detach color styles from selected elements while preserving underlying color variables.
Plugin 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
| Version | 5 |
|---|---|
| Created | July 30, 2025 |
| Last Updated | July 31, 2025 |
| Category | File organization plugins |
| Creator | Philipp Jeroma |
| Stats | 46 installs, 18 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.