Just like in Figma, Sketch or Illustrator, grouping elements by putting them in a Div Block with a keyboard shortcut of Cmd+G would be a lifesaver.
Saving billions of nanoseconds (right, Grimur?) and making Webflow Designer more intuitive.
Now, you have to:
add a Div Block,
select any of the elements that you wish to put within the Div Block
drag them inside.
Time-consuming, especially for multiple elements.
Obviously, due to classes inheritance and specificity, elements after grouping in a Div Block probably would change their appearance and position on the page but that's to be expected when wrapping elements in a Div manually anyways.
Same goes to ungrouping, perhaps there could be a Cmd+Shift+G keyboard shortcut. And then either a modal/popup or an Option (Alt) option to preserve appearance while ungrouping/un-Div-ing/extracting elements from Divs
Michał Filip
Something related has shipped—New Designer keyboard and canvas shortcuts are now available when wrapping an element in a div or link block.
We introduced new keyboard shortcuts and canvas context menu options for wrapping an element in a div or link block, streamlining a common workflow. 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. See our WFU article to learn more about these new shortcuts and how they work.
This new functionality partially fulfills the idea presented here, and we are fully aware of how multi-select plays a factor in this request.
.svg){kind=logo}
See screenshot
I was building one of my projects and this feature came up on right click! I can't seem to see it again. Any ideas why that is?
Was looking this up and assuming there had to be away. This would be so helpful!
NEED THIS!
Yes! Make it so! Additionally having shortcuts for elements (divs, containers etc) would save click and remove the need to drag and reposition in Navigator
Yes! Please bring this to life!