Native BEM Class Generator Integration in Structure Panel

Hi Bricks Team,

I would like to propose a workflow enhancement for the Structure Panel. The goal is to integrate an “Auto BEM” functionality that allows for bulk and automatic class generation based on element hierarchy.

Functional Details:

  • Quick Access Icon: Add a BEM generator icon to the Structure Panel toolbar for global access.

  • Element Actions: Include a “Generate BEM” option within the Element Actions menu (next to Duplicate and Delete) to trigger generation for a specific block.

  • Automated Naming: When activated on a root block (e.g., popup-tidycal), the system should automatically suggest and apply classes to its children following the BEM convention (e.g., __container, __heading, __icon).

I have attached mockups showing how the UI could natively integrate these options to drastically improve development speed and maintain clean code.

9 Likes

Yes, please! It baffles me that this is still not part of the native functionality.

Yes, it will be very beneficial.