--- title: "UiChemy Bricks Update: Full Design System Sync from Figma to Bricks" url: https://uichemy.com/blog/uichemy-bricks-update-full-design-system-sync-from-figma-to-bricks/ date: 2026-02-03 modified: 2026-04-14 author: "Sagar Patel" description: "Working with a design system in Figma and building in Bricks should feel connected. UiChemy already helped bridge that gap by syncing core styles, but some important visual properties still..." categories: - "Blog" - "Product Announcements" image: https://uichemy.com/wp-content/uploads/2026/02/UiChemy-Bricks-Update_-Full-Design-System-Sync-from-Figma-to-Bricks-1-1024x536.jpeg word_count: 286 --- # UiChemy Bricks Update: Full Design System Sync from Figma to Bricks ## Key Takeaways - UiChemy now syncs Global Border Radius, Global Border, Global Gap, and Global Box Shadow from Figma to Bricks. - This update reduces manual styling inside Bricks, enhancing design system consistency. - UiChemy improves the Figma to WordPress workflow by speeding up the design-to-development process. Working with a design system in Figma and building in Bricks should feel connected. UiChemy already helped bridge that gap by syncing core styles, but some important visual properties still required manual setup inside Bricks. With this update, UiChemy now completes a key part of the **Figma to Bricks design system workflow**. ### The Challenge with Design System Sync in Bricks Before this update, UiChemy could sync: - Global colors - Global typography - Global container width - Global padding But Bricks users still needed to manually configure: - Border radius - Borders - Gaps - Shadows This created extra steps and made it harder to maintain full **design system consistency** between Figma and WordPress. ### What’s New in UiChemy for Bricks UiChemy now allows you to sync directly from **Figma to Bricks**: - Global Border Radius ![](https://uichemy.com/wp-content/uploads/2026/02/Radius.png) ![](https://uichemy.com/wp-content/uploads/2026/02/Radius-Pick.png) - Global Border ![](https://uichemy.com/wp-content/uploads/2026/02/Border.png) ![](https://uichemy.com/wp-content/uploads/2026/02/Border-Pick.png) - Global Gap ![](https://uichemy.com/wp-content/uploads/2026/02/Gap.png) ![](https://uichemy.com/wp-content/uploads/2026/02/Gap-Pick.png) - Global Box Shadow ![](https://uichemy.com/wp-content/uploads/2026/02/Shadow.png) ![](https://uichemy.com/wp-content/uploads/2026/02/Shadow-Pick-2.png) These styles are applied not only at the global level but also inside imported designs. Your layouts stay visually aligned with your Figma design system without additional adjustments in Bricks. ### Why This Matters for Bricks Users This update improves the **Figma to WordPress workflow** by: - Reducing manual styling inside Bricks - Keeping UI consistent across designs and builds - Supporting structured design systems - Speeding up the design-to-development process For teams and designers who rely on reusable systems, this removes a common friction point in Bricks projects. ### See the Update in Action We have shared a full walkthrough showing how the new style sync works inside Bricks and how it improves your workflow. https://www.youtube.com/watch?v=pDD90po6ygo If you use UiChemy with Bricks, this update helps your design system work more completely inside WordPress. Try the new sync and see how it fits into your process. We would love to hear your feedback. Stay tuned for upcoming UiChemy updates. ## Frequently Asked Questions **Q: What are the new features in UiChemy for Bricks?** A: UiChemy now allows syncing of global Border Radius, Border, Gap, and Box Shadow directly from Figma to Bricks. This means you can maintain visual consistency across your designs without additional manual adjustments, streamlining your workflow significantly. **Q: How does the UiChemy update improve the design system workflow?** A: The update reduces the need for manual styling in Bricks, which can be time-consuming and prone to errors. By syncing more visual properties, it helps maintain UI consistency and supports structured design systems, making it easier for teams to manage their projects. **Q: What common mistakes do users make when syncing Figma designs to Bricks?** A: Many users overlook the need to manually configure properties like border radius and shadows before the UiChemy update. This often leads to inconsistencies in design. With the new sync features, these common pitfalls can be avoided, ensuring a smoother transition from Figma to Bricks. **Q: Can I use UiChemy with other page builders besides Bricks?** A: No, UiChemy specifically supports syncing designs from Figma to Bricks, Elementor, and Gutenberg. It does not work with other page builders like Divi or WPBakery, so if you're using those, you won't benefit from the new syncing features. **Q: How does UiChemy handle responsive design when syncing with Bricks?** A: UiChemy achieves 95% responsive accuracy across desktop, tablet, and mobile when exporting designs. This means that your layouts will remain visually aligned with your Figma design system, even as they adapt to different screen sizes. **Q: Why is it important to maintain design system consistency in Bricks?** A: Maintaining design system consistency is crucial for brand identity and user experience. Inconsistent designs can confuse users and dilute brand messaging. The new UiChemy features help ensure that your designs remain cohesive, which is especially important for teams working on multiple projects.