Back to updates
Feature
Elements

Introducing new keyboard shortcuts for moving elements

Introducing new keyboard shortcuts for moving elements

<p id="">Today, we're introducing keyboard shortcuts that will allow users to move elements around the Webflow canvas more efficiently and with more precision - reducing the need for the mouse and the Navigator.</p><figure id="" class="w-richtext-figure-type-image w-richtext-align-center" data-rt-type="image" data-rt-align="center"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d682TNMove%20after%20sibling%20element.webp>" loading="lazy" id="" width="auto" height="auto"></div><figcaption id="">Introducing new keyboard shortcuts for moving elements</figcaption></figure><p>‍</p><p id="">These shortcuts let you move elements on the canvas:</p><ul id=""><li id="">Move element before previous element: <strong id="">[</strong> or <strong id="">Command </strong>+<strong id=""> Down </strong>(Mac) or <strong id="">Control </strong>+<strong id=""> Down</strong> (Windows)</li><li id="">Move element after previous element: <strong id="">]</strong> or <strong id="">Command </strong>+<strong id=""> Up </strong>(Mac) or <strong id="">Control </strong>+<strong id=""> Up</strong> (Windows)</li><li id="">Moves element before sibling element within current parent: <strong id="">Command</strong> +<strong id=""> [</strong> or <strong id="">Command </strong>+<strong id=""> Left</strong> (Mac) or <strong id="">Control </strong>+<strong id=""> Left</strong> (Windows)</li><li id="">Moves element after sibling element within current parent: <strong id="">Command </strong>+<strong id=""> ]</strong> or <strong id="">Command </strong>+<strong id=""> Right</strong> (Mac) or <strong id="">Control </strong>+<strong id=""> Right</strong> (Windows)</li><li id="">Move element before parent element: <strong id="">Command</strong> +<strong id=""> Shift </strong>+<strong id=""> Up </strong>(Mac) or <strong id="">Control </strong>+<strong id=""> Shift </strong>+<strong id=""> Up</strong> (Windows)</li><li id="">Move element after parent element: <strong id="">Command </strong>+<strong id=""> Shift </strong>+<strong id=""> Down</strong> (Mac) or <strong id="">Ctrl + Shift + Down </strong>(Windows)</li></ul><p>‍</p><p id="">To learn more about how these new shortcut commands work, check out our <a href="<https://university.webflow.com/lesson/keyboard-shortcuts#move-element-shortcuts>">article on Webflow University</a>.</p>


Launched on
June 5, 2023
Category
Elements

Related updates

Link faster with search

Link faster with search

Learn more
Additional form improvements

Additional form improvements

Learn more
Enhancements to improve your forms experience

Enhancements to improve your forms experience

Learn more
Increased custom code character limit

Increased custom code character limit

Learn more
Introducing the custom element

Introducing the custom element

Learn more
New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

New shortcuts for unwrapping elements and wrapping in H Flex or V Flex elements

Learn more