Rename elements and component instances

<p id="">If you reuse the same class or component several times on the same page, it can become difficult to identify specific instances —especially when building larger sites or complex layouts. Now, you can rename elements and component instances in Design or Build mode —helping you stay organized and providing a familiar design tool affordance.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/685accb9770eeebfcd59b915elementsandinstancesrename-thumbnail-1280x720.png>" loading="lazy" alt="__wf_reserved_inherit" width="auto" height="auto" id=""></div><figcaption id="">Rename elements and component instances in Design or Build mode to make large pages or complex layouts easier to navigate.</figcaption></figure><p id="">Additionally, we’ve updated the default names for a variety of elements:</p><ul id=""><li id="">text elements use their content,</li><li id="">images use the asset name, and;</li><li id="">custom elements use a human-readable version of the HTML tag.</li></ul><p id="">You can rename elements and component instances directly from the Navigator, right panel, or context menu. <a href="<https://help.webflow.com/hc/en-us/articles/42109560032531-Rename-elements-and-component-instances>" id="">Visit our Help Center to learn more</a>.</p>