Figma 的工具栏

Figma 中的工具栏包含7个工具选项和绘图/设计/开发模式开关。多数工具选项旁边有个展开图标，点击可以展开查看隐藏的工具选项。

每个选项旁边的英文字母就是它的键盘快捷键，可以通过该字母快速进行选择，下面我们轮流来解释每个工具选项的功能。

选项1：

• Move（快捷键V）：选择工具，将鼠标切换成点击可以选中并移动图层的模式
• Hand Tool（快捷键H / 空格）：视图拖拽工具，可以移动画布切换可视区域的工具
• Scale（快捷键K）：缩放工具，用于等比放大或缩小选中的内容，包括圆角和描边参数等

选项2：

• Frame（快捷键 A / F）：画框工具，选中后用于创建画框，即容易视觉内容的界面区域。
• Section（快捷键 Shift+S）：合集工具，选中可以创建群组区域，用于容纳多个下级画框
• Slice（快捷键 S）：切片工具，用于创建切图区域并进行切图导出

选项3：

• Rectangle（快捷键 R）：矩形工具，选中后拖拽创建矢量矩形
• Line（快捷键 L）：线段工具，选中后拖拽创建矢量线段
• Arrow（快捷键 Shift+L）：箭头工具，选中后拖拽创建矢量箭头图形
• Elipse（快捷键 O）：圆形工具，选中后拖拽创建矢量圆形
• Polygon：多边形工具，选中后可以创建多边形，可以通过属性栏切换边数
• Star：星形工具，选中后可以创建矢量星形，可以通过属性栏设置角数和角度
• Image/Video（快捷键 Shft+Ctrl / Command+K）：媒体文件工具，用于选择电脑本地的图片、视频文件上传

选项4：

• Pen（快捷键 P）：钢笔工具，用于创建精准的矢量图形、轮廓的工具
• Pencil（快捷键 Shift+P）：铅笔工具，工具鼠标轨迹绘制矢量线段的工具

选项5：

• Text（快捷键 T）：文本工具，用于创建文本区域输入文字信息的工具

选项6：

• Comment（快捷键 C）：评论工具，用于对画面内容进行备注、评价，主要用于团队协作
• Annotation（快捷键 Y）：对选中的元素添加文字标注信息
• Measurement（快捷键 Shift+M）：添加尺寸标注的工具

选项7：

• Action：动作面板，类似Mac系统的用于快速搜索相关的操作、样式、组件、插件。

Figma 的工具栏之前做在顶部，后来将它移动到下方，变得更不好操作。之所以这么改，是因为常用的工具选项其实不多，而这些高频使用的工具主要使用快捷键选择，而不是使用鼠标点击。

所以在入门阶段，要尽快记下工具的快捷键，并适应使用快捷键操作的习惯。