Studio 画布工具与图层
概述
画布工具用于创建和编辑可见布局；图层用于理解和管理布局背后的结构。当一个设计包含多个对象时，两者应配合使用。
快捷工具栏
底部快捷工具栏提供主要创建工具：
| 工具 | 用途 |
|---|---|
| Move / Scale | 选择、移动、缩放和变换元素。 |
| Hand | 平移画布，避免误选对象。 |
| Shape | 添加矩形、椭圆和其他形状。 |
| Text | 添加可编辑文本。 |
| Image | 上传图片或从 Library 选择可复用图片。 |
| AI Generate | 直接在画布上生成新图片。 |
| Pen | 用颜色、粗细和透明度控制手绘标注。 |
| Assets | 打开可复用视觉资产。 |
元素类型
Studio 画布可以包含 text、image、shape、line、frame、group 和 drawing。不同元素有不同控制项：
- Text：字体、字重、字号、颜色、水平对齐、垂直对齐和高级文字设置。
- Image：描边、圆角、透明度、裁剪和选中图片 AI 动作。
- Shape：填充、图片填充模式、描边、圆角和透明度。
- Line：描边颜色、粗细、样式、线条行为、尺寸和旋转。
- Frame：填充、描边、圆角、裁剪子内容、子元素和导出。
- Group：整体变换、锁定、取消分组、子元素数量、导出和复制到 Figma。
- Drawing：手绘路径和手绘外观。
图层面板
当需要结构级控制时，打开图层面板。它支持：
- 选择一个或多个图层。
- 展开 group 和 frame。
- 重命名图层。
- 切换可见性和锁定状态。
- 调整图层顺序。
- 将元素拖入 group 或 frame。
- 对图层行使用右键菜单。
选择与排列
常用操作包括框选、深度选择、分组、取消分组、锁定、隐藏、上移一层、下移一层、置顶、置底和对齐。
常用快捷键：
| 快捷键 | 动作 |
|---|---|
V | Move 工具 |
K | Scale 工具 |
H | Hand 工具 |
F | Frame 工具 |
T | Text 工具 |
R | 矩形 |
O | 椭圆 |
L | 线条 |
Shift + L | 箭头 |
Cmd/Ctrl + G | 分组 |
Cmd/Ctrl + Shift + G | 取消分组 |
Cmd/Ctrl + Shift + L | 锁定或解锁 |
Cmd/Ctrl + Shift + H | 显示或隐藏 |
最佳实践
- 用 frame 管理有边界的布局，用 group 管理需要一起移动的对象。
- 导出或交接前给重要图层命名。
- 编辑前景内容时，锁定背景元素。
- 需要精确排版时先用对齐操作，再手动微调。
- 精确布局交给画布，宽泛创意方向交给聊天。