Figma to BricksFigma to Bricks

Figma to Bricks

Convert Figma designs to Bricks Builder elements with UiChemy Classic Mode.

Convert your Figma design into native Bricks Builder elements, not custom code, using UiChemy's Figma to Bricks plugin.

What You Get with Figma to Bricks

  • Native Bricks Elements: your Figma layers become real Bricks elements. See the full list of supported elements.
  • Global Style Classes: Figma's global colors and typography sync to Bricks' global classes, the same way Global Style Sync works for Elementor.
  • Border, Border-Radius, Gap & Shadow: these design details transfer precisely from Figma to Bricks.
  • Multiple Breakpoints for Boxed Width: control your container's boxed width across several responsive breakpoints, not just one.
  • Padding Sync: padding values transfer directly from Figma to Bricks, so spacing stays consistent without manual adjustment.
  • Copy Paste Mode with Media: paste a converted section directly into Bricks, images and all.

Content for this section is being migrated. Check back soon for the full step-by-step guide.