Figma这款UI设计工具，从未系统性的学习过，老是项目开发过程中，需要有一个快速的产品原型，就去鼓捣一下，不追求完美，只追求完备，能较好的说明页面元素和页面间流程即可。于是每次捡起，都需要去了解一下基本的使用方法，颇费周折。忍无可忍，下定决心，做些笔记，记录通常操作，以备所需
- 移动画布，space + 鼠标左键移动或者按住中间滚轮
- 缩放画布，Ctrl + 鼠标中键滚轮
- 左上角缩放比例，50%，60%
- 画布恢复100%，Shift + 0
- 显示所有画布，Shift + 1
- 显示或隐藏左侧、右侧边栏，Ctrl + \
- 显示或隐藏左侧边栏，Shift + Ctrl + \
- 显示或隐藏快捷键说明，Shift + Ctrl + ？
- 选中或移动工具的快捷键： V，移动工具缩放一组元素会变形
- 缩放工具的快捷键： K，缩放工具缩放一组元素不会变形
- 复制元素，Alt +左键拖动
- 水平或垂直复制元素，Shift + Alt +左键拖动
- 复制，Ctrl +D，复制品会在元素的原有位置叠加
- 重复复制,先Alt +左键拖动复制一份，然后Ctrl +D
- 对矩形的某个圆角进行操作，Alt +拖动圆角
- 框选一组元素，右下角会出现“整理功能”小图标，如果图标不出现，可尝试缩放 整理后，可以拖动元素中间的小圆角进行位置互换，可对整体间距进行控制
- 编组，Ctrl + G，取消编组Ctrl + Shift + G，组的图标为“虚线正方形”，可以叠加编组
- 配合移动工具按Shift + 左键为加选，在按为减选
- 编组后的一组元素，可双击某个元素进行单独操作，当子个元素调整边界或移动位置会影响组的大小
- 对编组后的元素进行统一颜色修改，可点击“fill”后面的“+”，注意，点击“-”，组的颜色会消失
- 组相当于批量移动工具，不具备高级属性
- “Frame”选择，Ctrl + Alt + G，取消“Frame”选择，Ctrl + Shift + G，“Frame”的图标为“#” “Frame”可叠加进行
- “Frame”和组可以互相切换，右侧栏，第二部分下拉框可选择切换
- 缩放“Frame”，范围外的元素可裁剪不显示，点击右侧栏“clip content”
- 移动”Frame“里的某个元素的位置不会影响”Frame“的大小
- 对”Frame“进行颜色填充，并不会影响里面元素的颜色，只对自身颜色发生作用
- ”Frame“可嵌套，Ctrl + 移动 一个”Frame“到另一个”Frame，可保证完全嵌套进去，如果只是经过该”Frame“，可按住”Space“进行
- 弹性布局时选择”Frame“，子元素能够在父级Frame发生变化时保持自身相对位置和大小
- 放置图片Ctrl + Shift + K,可把图片放置到任何容器中
- 蒙版操作，要把蒙版放置到图片的下方，按Ctrl + Alt + M，再移动图片调整位置
- 钢笔快捷键P,路径线绘制完毕后按ESC断线
- 使用钢笔工具画直线，按住Shift
- 使用钢笔工具画曲线，先绘制第一个点，第二个点拖动鼠标绘制，以此进行
- 使用钢笔工具再路径线上可以直接添加点，按Alt进行减点
- 曲线上的点称为平滑锚点，直线上的点称为转折锚点，按住Ctrl点击锚点可以再两者之间进行切换
- 可按住Alt对某一侧曲线手柄进行单独调节
- 双击绘制完成的闭合路线，可以使用颜料桶直接进行上色
- 文字快捷键T，两种方式，一种是左键单击，默认自动宽度的输入框，一种是拖曳形成一个输入区域，默认是固定尺寸的输入区域，适合文字段落
- 按住Alt可对属性的数值进行调解
- 文字复制，Ctrl+ C和Ctrl+D是属性和文本都复制,如果属性复制和黏贴，快捷键分别是Ctrl +Alt + C和Ctrl +Alt + V
- 文本可以加链接，只需要Ctrl + V到链接地址到文本上，也可以链接到某个页面的某个Frame，只需要把分享的地址Ctrl + V到文本上
- 如何分享地址？选中分享目标，点击分享，然后拷贝地址
- 左对齐、右对齐、上对齐、下对齐,水平居中对齐，垂直居中对齐分别对应的快捷键，Alt + A，Alt + D,Alt + W,Alt + S,Alt + H,Alt + V
- 垂直翻转，水平翻转快捷键Shift + V,Shift + H
- 图层的功能，正片叠底，去背景色，文字效果采用滤色
- 可以创建一个组件，快捷键 Ctrl+Alt+K,也可以创建一组组件，组件图标是“实心菱形”
- 要分清组件的母版和组件实例，组件母版发生变化，所有的组件实例也会发生变化
- 组件实例可以从母版中脱离，快捷键Ctrl+Alt+B，脱离后实际成为一个特殊的“Frame”，组件实例图标是“空心菱形”，脱离母版后图标变成“#”
- 变体组件，两个或多个组件才可以形成一个变体组件，比如一个按钮的“正常”、“点击”、“禁用”、“链接”几种状态可以形成一个变体组件，前提每一个状态按钮就是一个组件
- 制作变体组件时，每个组件的命名很重要，把每种状态命名清楚，注意开/关命名为true/false
- 对组件重命名的快捷键是Ctrl + R
- 约束常用于适合弹性布局的界面中
- 当父级画框进行大小拖动时，只会影响子级，不能跨级控制
- 设置约束是对相对应父级的子级进行，可设置缩放、左右拉伸、居中等
- 按Shift可以加选与减选约束控制
- 栅格工具可以应用在UI(4/6)以及网页设计中（12/24）
- 需要弹性布局就选择“拉伸”模式，其余情况选择“左”、“右”、“居中”
- 、栅格支持保存样式
- 按Shift + A 可以让目标元素变成自动布局，自动布局元素的图标为“两个垂直小矩形”
- 选中自动布局里的目标元素，按Ctrl + D，可以重复复制，可是水平排列，也可垂直排列
- 取消自动布局，可以点击自动布局的“-”，也可以按Alt+Shift+A
- 适应内容：根据文字数量变化自动调节
- 固定宽高：组件的宽度和高度固定
- 填充容器：根据外轮廓的大小变化，内部元素大小随之改变
- 矩形双击进入编辑状态，可以增、减描点，也可以移动锚点，根据这个特性，可以做出带凹出或凸出的效果
- 制作可等比例缩放图层的技巧
- 先制做出一个10X0.0001大小的一个画框，设置自动布局，命名F1
- 给F1再设置一层自动布局，命名F2,且设置F1为"fill container"，F2的spacing、padding均为0
- 设置F1旋转30度，自此形成一个F2变成一个2:1比例的图层
- 把2:1比例的图层F2，复制一份和F2拼接,并设置拼接图层自动布局，形成F3
- 设置F2及复制件左右拉伸设置成“fill container”，自此F3变成一个1:1比例的图层
- 以此方法可形成3:2，5:4等比例的图层
- 重点是子图层的左右拉伸设置成“fill container”
- 把内层的图层可锁定
- 快速设置透明色 选中图层，使用键盘上的数字来快速更改所选对象的不透明度，快速按下两个数字可以设置更精确的值。
- 复制样式 使用 ctrl + alt +c 复制所选图层的样式，然后 ctrl + alt + + V 将其粘贴到另一个对象上。
- 复制样式-属性 你只需在右侧属性面板中点击选中某个属性（按下 Shift 可以选中多个），然后用 Cmd + C 复制，再用 Cmd + V 粘贴到另一个对象上，想复制任何属性都可以这样做。。
不断完善中
