Lucidi - Sync Opacity Styles

About this plugin

Figma doesn't support maintaining layer style while changing opacity, so designers have to keep and update color styles for multiple opacities. Doing this manually can become a nightmare, so I made a plugin to automatically create, sync and update these styles.

Features

Quickly create opacity styles based of current solid color styles

1. Enter a list of opacities you need in your color library;
2. Write a pattern for style name (e.g. $N-alpha$A will turn into primary-alpha50 );
3. Press "Create & sync styles".

Sync your existing colors when solid solid opaque colors change

Don't manually update values of opacity colors styles, just change your main color style and start the plugin.

Clean up unused opacity styles

Optionally rewrite and delete opacity styles that don't match your parameters.

This is a first beta launch of this plugin, feel free to reach for support anytime ✨