Shortcut Actions
Master Momen shortcuts for efficient web app development. Our comprehensive guide covers all keys with detailed explanations.
Introduction
By using Momen's shortcuts, you can shave time off your development processes and unlock your full creative potential on the platform. Our guide will walk you through each shortcut key and provide detailed explanations
Copy/Cut
Pages and components within pages can be copied.
Component Copy/Cut
After successfully copying, a prompt "Copied to clipboard" will appear at the top of the screen.
Windows:
Copy: Select the component and press
control + c
, or right-click and select copy.Cut: Select the component and press
control + x
, or right-click and select cut.
Mac:
Copy: Select the component and press
command + c
, or use a two-finger tap on the trackpad to copy.Cut: Select the component and press
command + x
, or use a two-finger tap on the trackpad to cut.
Page Copy
Only supported by right-clicking to copy after selecting a page in the left sidebar.
⚠️ Note: If prompted "Clipboard has been disabled by the browser," go to the browser's [Privacy and Security] settings to enable "Clipboard."
Paste
After successfully copying or cutting, select the container (such as a page or list item) where you want to paste.
Windows: Select the page or container component and press
control + v
, or right-click and select paste.Mac: Select the page or container component and press
command + v
, or right-click and select paste.
⚠️ Note: Currently, it only supports pasting pages and components within the current project, not across projects.
Multi-Select and Batch Operations
Sometimes you may need to "batch move" or "batch copy" components, which can be done by selecting multiple components.
Method 1: Windows + Mac, hold down the left mouse button and drag the selection box to select the components.
Method 2: Windows + Mac, hold down the
shift
key, and click the left mouse button to select the components/pages.
Undo and Redo
If you make an error, you can use the undo shortcut to "revert" the action.
💡 Tips: You can undo up to the last save. If you don't save for a long time, the system will auto-save, preventing further undos.
Windows:
Undo: Press
control + z
, or click the [Undo] button at the bottom of the screen.Redo: Press
control + y
, or click the [Redo] button at the bottom of the screen.
Mac:
Undo: Press
command + z
, or click the [Undo] button at the bottom of the screen.Redo: Press
command + y
, or click the [Redo] button at the bottom of the screen.
More Shortcuts
Click the [Shortcuts] button in the bottom right corner of the editor to find more shortcut usage methods.
Add Components
Open the left sidebar to add components interface:
Option/Alt + C
Measure Distance
Measure distance:
Option/Alt
Scale Components Proportionally
Scale components proportionally:
Shift + drag
Select Container Child/Parent
Select child:
Return/Enter
Select parent:
Shift + Return/Enter
Select Previous/Next Component at the Same Level
Select the previous component at the same level:
Shift + Tab
(according to the left sidebar order)Select the next component at the same level:
Tab
Bring Component to Front/Back
Bring to front:
]
Send to back:
[
Move Component Up/Down One Layer
Only supports same-level movement.
Move up one layer:
Cmd/Ctrl + ]
Move down one layer:
Cmd/Ctrl + [
Move Components
Move components in any direction using the arrow keys.
💡 Tips: In relative layout, adjust the component order according to the layout direction.
About Momen
Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.
Last updated