Styles panel

Auto-BEM

Suggested BEM class names for an element and its children.

The DBE Auto-BEM dialog showing a main block and nested elements with suggested BEM class names, two selected elements and an Add 2 classes button.
Auto-BEM previews the proposed class for every element and applies only the selections you make.

Right-click an element and choose Auto-BEM to get suggested block and element class names (such as hero, hero__title and hero__image) for it and everything inside it. Edit any suggestion, then apply them all in one go.