Consta Style Replacer
Easily swap styles for variables in your components — effortless and fast
Plugin Preview
About this plugin
Still on styles? Time to move further!
Consta Style Replacer is a small but mighty helper for designers working with the Consta design system — or any system that uses named color tokens. Select any objects on the canvas, and if they use color styles, the plugin will scan them and offer to replace each color style with a matching variable from a collection of your choice. The replacement is done only when names match, and you’ll see a clear preview of what’s going to be changed.
It’s a great way to migrate to tokens, stay consistent, or just clean up messy files. Especially useful when you’re standardizing styles across large design systems like Consta.
Coming soon: automatic conversion of styles into variables, font style replacements, and a few more neat touches to make your workflow even smoother.
---
Все еще на стилях? Пора двигаться дальше!
Consta Style Replacer — это маленький, но очень полезный плагин, особенно если ты работаешь с дизайн-системой Consta или любым проектом, где используются именованные цветовые переменные (токены).
Просто выдели объекты — и если в них есть цветовые стили, плагин найдёт их и предложит заменить на соответствующие переменные из выбранной тобой коллекции. Заменяются только те стили, у которых совпадают имена с переменными, а перед заменой ты увидишь подробный список пар.
Это отличный способ привести макеты к единому виду, перейти на токены или просто расчистить хаос в стилях. Особенно помогает, если дизайн-система развивается, а старые стили продолжают жить в макетах.
В ближайших обновлениях появится: перенос обычных стилей в переменные, работа со шрифтами и другие удобные штуки.
Plugin Details
Version | 2 |
---|---|
Created | July 15, 2025 |
Last Updated | July 15, 2025 |
Category | File organization plugins |
Creator | Alexey Tityaev |
Stats | 2 installs, 0 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
More Like This
Discover other plugins in the File organization plugins category.