Framer X 原型设计软件

精选 Framer X 常用指令与核心速查备忘单，涵盖高频用法、配置参数与实用技巧。 收录 Framer X 原型设计应用中 45 个键盘快捷键的可视化速查手册。

Star 项目
关注 X (Twitter)
赞赏饮咖啡

#键盘快捷键

#🛠️ 实用工具 (Tools)

快捷键 执行操作
F 画板工具 (Frame)
U 圆角矩形 (Round)
T 文本工具 (Text)
S 堆栈布局 (Stack)
L 链接交互 (Link)
Space 平移画布 (Pan Canvas)

#图形与矢量 (Graphics)

快捷键 执行操作
G 图形工具 (Graphic)
P 路径工具 (Path)
R 矩形工具 (Rectangle)
O 椭圆工具 (Oval)
V 矢量编辑 (Vector)
Cmd G 组合成组 (Group)
Cmd Shift G 解散分组 (Ungroup)

#布局结构 (Layout)

快捷键 执行操作
Cmd Enter 包裹/添加画板 (Add Frame)
Cmd Opt Enter 包裹/添加 Stack 布局
Cmd Del 移除外层包裹 (Remove Wrapper)
Cmd Opt Up 向上/前层级移动
Cmd Opt Down 向下/后层级移动

#组件与代码 (Components)

快捷键 执行操作
Cmd K 从设计稿创建组件 (Create from Design)
Cmd Shift K 从代码创建组件 (Create from Code)

#文本处理 (Text)

快捷键 执行操作
Cmd B 加粗 (Bold)
Cmd I 斜体 (Italic)
Cmd U 下划线 (Underline)
Cmd T 选择字体家族 (Select Typeface)

#✏️ 属性编辑 (Editing)

快捷键 执行操作
Cmd (方向键) 调整对象尺寸 (Object Size)
Cmd Shift (方向键) 以 10px 步长微调对象尺寸
0-9 调整不透明度 (Opacity)
Opt 显示元素间距尺寸
Cmd D 原位创建副本 (Duplicate in Place)
Cmd Opt C 复制样式属性 (Copy Style)
Cmd Opt V 粘贴样式属性 (Paste Style)
Ctrl C 颜色吸管工具 (Color Picker)
Cmd A 选择所有图层
Cmd Shift A 选择所有同级图层 (Siblings)
Cmd Opt A 选择所有子级图层 (Children)

#视图与缩放 (View)

快捷键 执行操作
Z 缩放工具 (Zoom)
Cmd + 放大 (Zoom In)
Cmd - 缩小 (Zoom Out)
Cmd 1 缩放至适应窗口
Cmd 2 缩放至适应选中元素
Cmd 0 恢复 100% 比例
Ctrl R 显示标尺 (Show Rulers)

#窗口管理 (Window)

快捷键 执行操作
Cmd M 最小化窗口 (Minimize)
Cmd Shift 1 欢迎界面 (Welcome)
Cmd P 开启预览模式 (Preview)

#🔗 参考资源