webstudio-is / webstudio

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
https://webstudio.is
GNU Affero General Public License v3.0
5.31k stars 638 forks source link

Faster instances renaming in a batch #2911

Open kof opened 9 months ago

kof commented 9 months ago

People tend to create lots of instances and cleanup the naming in the end. This requires a faster access to renaming of the instance.

I see 2 options

  1. the figma way: cmd+r combination on a selected item (downside - this is the standard for browser reload)
  2. the photoshop way: double click to edit one item, treat the editing mode as activation until user quits it, when editing, you can hit tab to move to the next item which appears also in editing mode, so you can quickly rename lots of items
xstortionist commented 9 months ago

https://github.com/webstudio-is/webstudio/assets/135981110/6a77cbba-b3a5-4a25-a167-f00f84ad3b40

Here is an example of how it works in photoshop which I must say is sufficient. You can shift + tab to traverse up the tree as well.