精选 Webflow 常用指令与核心速查备忘单，涵盖高频用法、配置参数与实用技巧。 收录 Webflow 可视化无代码网页设计与建站平台中 41 个键盘快捷键的可视化速查手册。
| 快捷键 | 执行操作 |
|---|---|
Shift / |
打开快捷键速查面板 |
Ctrl Shift S |
保存版本快照 (Snapshot) |
Esc |
取消选择或放弃操作 |
Del |
删除选中的元素 (Delete) |
Shift P |
打开发布网站对话框 (Publish) |
Shift E |
打开导出代码对话框 (Export) |
Enter |
编辑当前选中的元素 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl Shift P |
进入/退出预览模式 (Preview) |
Ctrl Shift G |
显示/隐藏网格参考线 (Guide) |
Ctrl Shift E |
显示/隐藏元素边框 (Edges) |
Ctrl Shift X |
切换 X-Ray 透视模式 |
| 快捷键 | 执行操作 |
|---|---|
A |
打开添加元素面板 (Add panel) |
Z |
打开导航器 DOM 树面板 (Navigator) |
P |
打开页面管理面板 (Pages) |
Shift A |
打开组件/符号库面板 (Symbols) |
Ctrl Shift A |
将选中的元素转化为 Component 组件 |
J |
打开资源管理器 (Asset manager) |
| 快捷键 | 执行操作 |
|---|---|
S |
切换至样式面板 (Style tab) |
D |
切换至设置面板 (Settings tab) |
G |
切换至样式管理器面板 |
H |
切换至动效交互面板 (Interactions) |
| 快捷键 | 执行操作 |
|---|---|
Ctrl C |
复制 (Copy) |
Ctrl X |
剪切 (Cut) |
Ctrl V |
粘贴 (Paste) |
Alt (drag) |
按住拖拽快速复制元素 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl Z |
撤销 (Undo) |
Ctrl Shift Z |
重做 (Redo) |
| 快捷键 | 执行操作 |
|---|---|
1 |
切换至桌面端视图 (Desktop) |
2 |
切换至平板端视图 (Tablet) |
3 |
切换至手机横屏视图 (Phone landscape) |
4 |
切换至手机竖屏视图 (Phone portrait) |
| 快捷键 | 执行操作 |
|---|---|
Shift (drag) |
拖拽同时调整四边的外边距 Margin 或内边距 Padding |
Alt (drag) |
拖拽同时调整上下或左右对称方向的边距 |
Ctrl Enter |
为选中元素添加 CSS Class 类名 |
Ctrl Shift Enter |
重命名选中元素上的最后一个 CSS 类名 |
| 快捷键 | 执行操作 |
|---|---|
Ctrl K |
唤起全局快速查找输入框 |
| 快捷键 | 执行操作 |
|---|---|
Alt (click) |
展开或折叠面板分组选项 |
Up/Down |
选择父级或子级元素 |
Left/Right |
选择同级平级元素 (Sibling) |
Alt Left/Right |
切换选择下一个或上一个元素 |
Ctrl Shift L |
开启/关闭选中元素上的协同合作者指示 |