What are the new features in the updated Webflow menu that replaces the default browser menu when right-clicking on elements?
TL;DR
- Webflow's new custom right-click menu offers context-aware actions like Copy, Paste, Rename, and CMS-specific options based on the selected element.
- It improves workflow with faster access to Symbol tools, Navigator reveal, and cleaner UI for more intuitive and efficient design interactions.
Webflow has replaced the browser’s default right-click menu with a custom in-app context menu to streamline designer workflow. Here are the new features and improvements in this updated right-click menu:
1. Context-Aware Shortcuts
- The menu adapts based on the selected element, showing only relevant options like Copy, Paste, Delete, Rename, Convert to Symbol, or Reveal in Navigator.
- For example, right-clicking a CMS item or a nested symbol will surface options tailored to that component.
2. Improved Symbol and Component Actions
- Quickly access Convert to Symbol, Unlink Symbol, and Edit Master Symbol for reusable components.
- Right-clicking a Symbol now gives options to Edit Instances or Sync Properties, depending on the Symbol type.
3. Navigator Integration
- Use Reveal in Navigator to instantly locate the selected element in the Navigator panel without manually searching through the DOM structure.
4. CMS Specific Actions
- Right-clicking CMS-bound elements allows direct access to Edit Collection List Settings or quickly switch between List Items or Pagination elements.
5. Streamlined Copy-Paste Behavior
- Copy, Paste, Paste Here, and Duplicate actions are more reliable and contextually precise across Pages, Symbols, and Layout Grids.
6. Cleaner UI and Faster Access
- The custom menu loads faster than the browser’s system menu and features a cleaner visual design that matches Webflow’s interface.
- Keyboard shortcuts are often displayed next to menu items to encourage faster design flow.
Summary
The new right-click menu in Webflow improves speed and usability by offering context-aware actions, better Symbol/CMS control, and faster navigation within the Designer. It's a productivity-focused upgrade that aligns with Webflow’s goal of reducing friction in visual development.