Style Sync

About this plugin

🚀 Style Sync - What's New!

Transform your design workflow with Style Sync's powerful automatic style and variable application. Apply your design system consistently across entire projects with just one click!

✨ What is Style Sync?

Style Sync enhance how you maintain design consistency by automatically applying styles (colors & text) and Figma variables to all matching elements in your design files. Whether you're working on a single page or an entire project, Style Sync ensures your design system stays perfectly synchronized.

🎯 Perfect For:

- Design System Maintenance: Keep your components and styles consistent across large projects

- Style Migration: Easily convert loose colors and text to proper styles and variables

- Team Workflows: Ensure everyone follows your design system guidelines

- Legacy File Updates: Modernize old designs with your current design system

🎨 For Color Styles & Variables:

1. Match: Finds elements with colors that exactly match your styles or variables

2. Preview: Shows you how many elements will be updated

3. Apply: Converts loose colors to proper styles or binds them to variables

4. Revert: Undo if needed with one click

✍️ For Text Styles & Variables:

1. Analyze: Scans text elements for matching typography properties

2. Match: Identifies text that matches your defined styles or variables

3. Sync: Applies proper text styles or binds to text variables

4. Perfect: Maintains design consistency across your entire project

Requirements

1. Elements must be visible
2. Color fills must be visible
3. Solid fills with RGB values
4. Standard text properties

Notes

1. Stroke Style: Coming soon
2. Some imported fonts may need manual review
3. Mixed properties are safely skipped

Know issue

1. Text Style: *Imported fonts doesn't sync properly

Plugin Synergy

Pair well with Find and Replace, a plugin that give you the ability to to find all instance of a specific color and replace it by another one in your entire project files

You can support by

1. 💕 Like
2. 💬 Comment
3. 🚀 Share
4. ☕️ Consider buying me a coffee