Per Wiki: Webflow, Inc. is an American company, based in San Francisco, that provides software as a service for website building and hosting. Their online visual editor platform allows users to design, build, and launch websites.
Webflow is a SaaS application that allows designers to build responsive websites with browser-based visual editing software. While designers use the tool, Webflow automatically generates HTML, CSS, and JavaScript.
General | |
Show shortcut cheatsheet | Shift+/ |
Save as a snapshot | Cmd+Shift+S |
Deselect or abort | Esc |
Delete element | Del |
Show publish dialog | Shift+P |
Show export code dialog | Shift+E |
Edit element | Enter |
View | |
Preview Mode | Cmd+Shift+P |
Guide overlay | Cmd+Shift+G |
Show element edges | Cmd+Shift+E |
X-ray mode | Cmd+Shift+X |
Left-hand Toolbar | |
Show add panel | A |
Show navigator tab | Z |
Show pages panel | P |
Show symbols panel | Shift+A |
Make the selected element a symbol | Cmd+Shift+A |
Show asset manager | J |
Right-hand Tabs | |
Show style tab | S |
Show settings tab | D |
Show style manager tab | G |
Show interactions tab | H |
Copy/Paste | |
Copy | Cmd+C |
Cut | Cmd+X |
Paste | Cmd+V |
Duplicate | Alt+(drag) |
Undo/Redo | |
Undo | Cmd+Z |
Redo | Cmd+Shift+Z |
Device View | |
Desktop | 1 |
Tablet | 2 |
Phone (landscape) | 3 |
Phone (portrait) | 4 |
Style Panel | |
Margin or padding (on all sides) | Shift+(drag) |
Margin or padding (top and bottom, or left and right) | Alt+(drag) |
Add class to the selected element | Cmd+Enter |
Rename last class on a selected element | Cmd+Shift+Enter |
Find | |
Quick find | Cmd+K |
Other | |
Expand or collapse panel sections | Alt+(click) |
A select parent or child element | Up/Down |
Select sibling element | Left/Right |
Select next or previous element | Alt+Left/Right |
Toggle collaborators on a selected element | Cmd+Shift+L |
Must Read: