The difference is 3–5 seconds vs. <1 second. Over 100 elements, that’s ~5–8 minutes saved—plus uninterrupted creative flow. 1. Quick Wrapper Select an existing element → Cmd+Enter → type div → Enter. Webflow creates a new Div around the selection (parent wrapper). Useful for adding flex containers after the fact. 2. Component Insertion Type @ in Quick Find to insert a component instance (Webflow Components). Example: Cmd+Enter → @card → Enter. 3. Symbol Insertion (Legacy) Type # to insert a symbol. Still works in older sites or when migrating. 4. Nested Add Select a container → Cmd+Enter → type button . The button is added inside the container as the last child—perfect for list items or card footers. Muscle Memory Training (How to Adopt It) Most people try the shortcut once, forget it, and return to dragging. Here’s how to rewire:
Every time you need a Div, force yourself to: Cmd+Enter → d → Enter . Even if it feels slower at first. webflow shortcut add element
Combine it with Cmd+K (Quick Find for settings) and Cmd+Shift+A (add class) to build entire sections without ever clicking the Add Panel. That’s true Webflow fluency. Master this one shortcut, and you’ll never drag another element again. The difference is 3–5 seconds vs
Webflow has a hidden, powerful shortcut to insert elements without touching the mouse. But it’s not just a single key combo—it’s a of keyboard-first workflows. The Core Shortcut (What Most Guides Miss) On Mac: Cmd + Enter On Windows: Ctrl + Enter Useful for adding flex containers after the fact
In Webflow, adding an element (a Div block, Heading, Image, etc.) is the most fundamental design action. Yet many users drag from the Add Panel every single time. That costs seconds per element—and over a project, hours.
@article{wang2021mlfw,
title={MLFW: A Database for Face Recognition on Masked Faces},
author={Wang, Chengrui and Fang, Han and Zhong, Yaoyao and Deng, Weihong},
journal={arXiv preprint arXiv:2109.05804},
year={2021}
}
This database is publicly available. We provide: 1) the original images(250x250), 2) the aligned images(112x112) and 3) the pair list. Baidu Netdisk(code:328y) , Google Drive
Now, we provide a list to indicate the masked faces. Google Drive