DUPLICATE: CSS synchronization between UI styles and CSS view (Custom CSS / Code)

Feature Requests / Improvements
1

Hi Bricks team,
I’d like to suggest a feature that would allow syncing CSS between the style controls in the UI (e.g. typography, spacing, borders, etc.) and the CSS editor view (Custom CSS / Code).

Currently, changes made in the UI are not always reflected in the CSS code, and manual changes written directly in the CSS editor do not update the corresponding UI settings. This often leads to style inconsistencies and makes it harder to maintain clean, predictable styling.

What I’m proposing is a two-way synchronization (or at least UI → CSS) so users could style elements either:

  • via UI controls, or

  • by writing CSS manually,
    and the changes would be reflected in both places.

A similar idea exists in Etch, where styling is strongly code-oriented. Bricks already has a powerful UI-based workflow — if Bricks could combine both worlds (UI + manual CSS editing in sync), it would be a major workflow improvement and a real “level up” for advanced users.

Thanks!

2

Welcome to the forum!
There’s already a thread that contains this request:

1 Like