Detach Color Styles

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:

1. Smart Detection: Distinguishes between styles using color variables vs. raw color values
2. Safety First: Only works on your current selection - you control what to detach
3. Variable Preservation: Maintains color variable references when detaching styles
4. Clear Feedback: Shows exactly which styles were found and detached

Perfect for:

1. Library migrations where color styles were removed
2. Cleaning up broken style references
3. Converting style based colors to direct variable usage
4. Maintaining design system consistency and follow up to breaking changes

How to use:

1. Select elements with color styles you want to detach
2. Open the plugin and scan for styles
3. Choose which styles to detach
4. Plugin preserves color variables and removes (staled) style references
5. Safe, selective, and designed for professional design system workflows.