返回

从零开始学Figma

#UI设计通识
16%
进度
0/4
知识点
0
笔记
概述
Figma的基础认识
Figma的初识和学习准备
Figma的注册和安装
Figma的会员说明和教育版使用
Figma的主要界面认识
Figma的基本操作
Figma的工具栏
Figma的属性设置
Figma的图层和编组类型
Figma的字体设置详解
Figma的图片设置介绍
Figma的蒙版设置
资源社区和组件库使用
开始使用Figma设计界面
Figma的矢量应用
关于矢量和位图认识
矢量中的钢笔工具
矢量中的布尔运算
使用Figma绘制图标
Figma的布局功能
约束响应式功能的使用
Figma自动布局基本认识
自动布局中的自适应逻辑
并列布局的自适应类型
自动布局的相互嵌套
Figma中的格线系统
Figma的样式与组件
Figma的图层样式管理
Figma的组件功能入门
Figma的组件变体入门
Figma的变体功能进阶
Figma组件的管理方式
Figma中的变量定义
Figma的交互功能
Figma的交互基础认识
Figma的页面滚动设置
Figma的页面基础跳转
Figma的智能动画应用
Figma的弹窗效果
Figma交互中的变量和条件
Figma 的插件部件
Figma的插件认识
Figma中的小部件
首页知识库UI设计通识从零开始学Figma

Figma的工具栏

酸梅干超人 编辑于 2024-11-07250人正在学
10

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/6

  • Text(快捷键 T):文本工具,用于创建文本区域输入文字信息的工具
  • Comment(快捷键 C):评论工具,用于对画面内容进行备注、评价,主要用于团队协作

选项7

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

UI3 中,工具面板移动到下方,并不利于选择操作。之所以这么改,是因为虽然这些工具很重要,但真正有效率的操作是使用快捷键选择,而不是使用鼠标选择。

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

点赞
收藏
学会
889010250
下一篇: Figma的属性设置
在 Figma 中,包含不同的图层、视觉元素,每个元素都会有相应的属性和参数。比如一个矩形,它有长和宽的属性,且长和宽会有具体的参数值。这些属性和参数被统一放置在界面右侧的属性面板中。 因为不同元素包含的属性不同,所以选中不同元素展示的属性面板并不是相同的,会有一定的差异。 虽然属性面板类型很多,但...
笔记 (11)
只看自己
logo
Carmen 记录于 2025-01-21
get
原文: 用于容纳多个下级画框
UX小学生 记录于 2025-01-15
frame
原文: 创建画框
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞