Generators & Sync Styles

About this plugin

Create and Synchronize Local Color and Text Styles

Effortlessly create local color styles from selected frames and rectangles, while also generating global text styles from selected text layers. This plugin streamlines your design process by ensuring consistency across your project.

How it Works:

Selection: Simply select any frames, rectangles, or text layers within your Figma document.

Style Generation: Run the plugin to automatically generate local color styles based on the fill colors of the selected objects. For text layers, global text styles will be created based on the selected text properties.

Synchronization: The plugin intelligently synchronizes identical elements by matching both colors and text styles. Any duplicate styles will be updated accordingly, maintaining a cohesive look throughout your design.

With a clean interface and efficient workflow, this plugin enhances your design efficiency and style management.

Important!

The name of each color style will match the corresponding layer name, while the name of each text style will correspond to the selected text layer name. You can use a "/" in either layer name to organize your styles into groups. All styles will be arranged from largest to smallest based on their size.