Droip offers quite a selection of Keyboard Shortcuts for various actions to make your website-building experience even smoother. Below is a list of all of the shortcuts that are available.

Copy/Paste

• Cut: Cmd + X – Remove the selected content and place it in the clipboard.
• Copy: Cmd + C – Copy the selected content to the clipboard.
• Copy Element Style: Opt + Cmd + C – Copy the style properties of the selected element to the clipboard.
• Paste Inside: Cmd + V – Paste the content from the clipboard at the bottom of the currently selected section.
• Paste Inside First: Shift + Cmd + V – Paste the content from the clipboard inside the currently selected section as the first element.
• Paste Element Style: Opt + Cmd + V – Apply the style properties from the clipboard to the selected element.
• Duplicate: Cmd + D – Create a duplicate of the selected element.
• Delete: Delete – Remove the selected element from the canvas.

View

• Show Ruler: Shift + R – Display a ruler to align your elements more accurately on the canvas.
• Show Empty Elements: Shift + Cmd + M – Show hidden empty elements on the canvas.
• View Guides: Ctrl + G – Enable canvas View Guides.
• Preview Mode: Cmd + Shift + P – Switch to preview mode to see how the website will look to visitors.
• Guide Overlay: Cmd + Shift + G – Display guides on top of the website content to aid in alignment.

General

• Add Class: Cmd + Return – Add a new class to the selected element.
• Rename Class: Shift + Cmd + Return – Rename the class of the selected element.
• Add Link: Cmd + Opt + L – Create a hyperlink for the selected element.

Undo/Redo

• Undo: Cmd + Z – Reverse the last action.
• Redo: Cmd + Shift + Z – Redo the last undone action.

Rotate & Flip

• Rotate Left: Shift + Cmd + R – Rotate the selected element counterclockwise.
• Rotate Right: Cmd + R – Rotate the selected element clockwise.
• Flip Vertically: Shift + V – Flip the selected element vertically.
• Flip Horizontally: Shift + H – Flip the selected element horizontally.

Scale/Zoom

• Scale Larger: Cmd + Plus (+) – Increase the size of the selected element.
• Scale Smaller: Cmd + Minus (-) – Decrease the size of the selected element.
• Scale to Default: Cmd + 0 – Reset the size of the selected element to its default.

Global Search

• Quick Find: Cmd + / – Search for elements, pages, posts, etc.

Arrangement

• Move Forward: Cmd + Right Bracket (]) – Move the selected element one step forward in the layering order.
• Bring to Front: Cmd + Opt + Right Brace (}) – Bring the selected element to the topmost layer.
• Move Backward: Cmd + Up Arrow + Left Bracket ([) – Move the selected element one step backward in the layering order.
• Send Backward: Cmd + Opt + Left Bracket ([) – Send the selected element to the bottommost layer.
• Left Align: Opt + A – Align the selected element to the left.
• Horizontal Center Align: Opt + H – Center the selected element horizontally.
• Right Align: Opt + D – Align the selected element to the right.
• Top Align: Opt + W – Align the selected element to the top.
• Vertical Center Align: Opt + V – Center the selected element vertically.
• Bottom Align: Opt + S – Align the selected element to the bottom.

Padding/Margin

• To change 2 directions at once: Hold Opt – Adjust padding or margin on two sides simultaneously.
• To change 4 directions at once: Hold Shift – Adjust padding or margin on all four sides simultaneously.

Toolbar

• Accessibility: A – Access the accessibility features.
• Make Selected Element a Symbol: Cmd + Shift + A – Convert the selected element into a reusable symbol.
• Show/Hide Left (Active) Panels: Z – Toggle the display of left panels that are currently active.
• Show Audit Panel: U – Display the audit panel for website analysis.
• Show Pages Panel: P – Show the pages panel for managing website pages.
• Show Elements Panel: E – Show the elements panel.
• Show Media Manager: M – Access the media manager for managing website assets.
• Show Component: D – Display the components panel.
• Show Layers: L – Show the layers panel for managing website layers.
• Show Symbols Panel: B – Display the symbols panel for managing website symbols.
• Create Component Modal: Opt + Cmd + K – Open the component creation modal window.