Back to updates
Enhancement
Designer

Shortcuts for wrapping elements in div or link blocks

New Designer keyboard and canvas shortcuts now available when wrapping an element in a div or link block.

Shortcuts for wrapping elements in div or link blocks

<p id="">Today, we're introducing new keyboard shortcuts and canvas context menu options for wrapping an element in a div or link block, streamlining a common workflow among designers.&nbsp;</p><p id="">Oftentimes, designers want to wrap elements within a div or link block to group elements together to style or organize them more easily on the canvas. Previously, designers would need to start by adding a div or link block and then adding their desired image/content – or painstakingly drag-n-drop elements back and forth to reorganize them into the right spots.&nbsp;</p><p id="">With the new Designer keyboard and canvas shortcuts, designers can wrap an element in a div or link block in seconds, boosting their design velocity and workflow efficiency.</p><p id="">See our <a href="<https://university.webflow.com/lesson/wrap-element-in-div-or-link-block>" id="">latest WFU article</a> to learn more about these new shortcuts and how they work.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1500px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1500px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d669641c82227425746f986276aaWrap-element-in-div-or-link-block_1.png>" alt="New Designer keyboard and canvas shortcuts now available when wrapping an element in a div or link block." id="" width="auto" height="auto" loading="auto"></div><figcaption>New Designer keyboard and canvas shortcuts are now available when wrapping an element in a div or link block.</figcaption></figure><p id="">‍</p>


Launched on
March 23, 2023
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more