【Figma学习】操作工具及其使用一
Ctrl + / 将左右两端进行隐藏
移动工具：
1.用来选中和移动元素，快捷键V
2.按住Alt拖动复制元素，Ctrl + D 可以重复复制
3.可以修改形状的圆角，按Alt点击小圆点可以单独控制圆角
组
1.编组快捷键Ctrl + G；取消编组Ctrl + Shift + G
2.配合移动工具按Shift为加选，再按为减选
3.当子元素调整边界或移动位置时，组的边界会自动调整
4.组相当于批量一移动工具，不具备高级属性
5.分组后双击单独编辑组内元素
什么情况下使用组？
1.你希望对整个组调整大小的同时也能够影响子集的大小缩放
2.你相对多个元素进行位置的移动
画框
1.添加画框Ctrl + Alt + G；取消画框Ctrl + Shift + G
2.右侧属性栏中可以切换两种状态
3.勾选裁剪内容后，超出轮廓框的
4.弹性布局必备，子元素能够在父级frame变化时保持自身相对位置和大小
5.强制嵌套快捷键移动时按Ctrl；如不需要嵌套移动时按空格
6.点击画框后移动工具
Move：可以进行裁剪（局部裁剪见3）
Scale：可以进行缩放
7.Fill功能填充底色
形状工具
矩形工具：按住Shift是正方形，不按是长方形，圆角操作：单边要按住Alt
直线工具：按住Shift拖拽是直线
椭圆工具：按住Shift拖拽是圆形，圆形工具拖拽小圆点可以制作饼状图
多边形工具：按住Shift拖拽是正三角形，拖拽右下角count可以增加角的数量
星形工具：按住Shift拖拽是星型，拖拽右下角count可以增加角的数量
蒙版操作：上层图片 + 下层几何图像为遮罩 + 中间上部 设为蒙版（快捷键 Ctrl + Alt + M，再按一次是取消）
放置图片功能：选中图片点击需要放置的集合图形，将其放置其中（相当于蒙版操作的快捷方式）
布尔运算：选中所有元素，蒙版旁边的操作即为布尔运算，合并形状快捷键 Ctrl + E
编辑模式：中上Edit Object或者双击元素
钢笔工具
1.绘制水平直线：Shift拖拽
2.绘制曲线：选好第一个点后，第二个点进行拖拽操作
3.绘制线段：不断点点操作
4.断线：Esc
5.转折锚点和平滑锚点切换：Ctrl + 鼠标点击
6.减点：Alt + 鼠标点击，线段能够捕捉两点之间的中间点；加点：直接在线段上点击锚点
7.移动线段锚点位置：移动工具选中锚点进行移动
8.合并操作：钢笔工具选中两条线段端点的锚点进行连接
9.曲线中的控制手柄一端移动操作：Alt + 钢笔工具
10.自动合并功能：Figma中点与点之间会进行连接，从而构成一个完整的图形，双击绘制完毕的闭合路径线，可以使用颜料桶直接进行上色
11.Figma删除锚点Shift + Delete
【Figma学习】操作工具及其使用一相关推荐
- 【PM学习笔记】酸梅干超人 - 零基础学Figma学习笔记
原视频链接: B站视频 零基础学Figma学习笔记 心得体会 第1课 - 苹果商店页设计 第2课 - 线性图标设计 第3课 - 面性图标设计 第4课 玻璃拟态页设计 第5课 样式组件功能入门 第6课 ...
- Figma学习一天入门
目录 0 常规界面 1 设置组件,再拉到Frame下,就可以实现Frame内显示局部组件的效果. 2 json导出格式 3 参考链接 0 常规界面 1 设置组件,再拉到Frame下,就可 ...
- figma学习——下载安装、基本操作
目录总览 2种使用途径 新建项目 学习资源: b站资源 2种使用途径 下载地址:传送门 下载完是个安装包,解压就能使用(好评) 打开后在弹出的网页进行登录即可进入软件 新建项目 点击新建设计文件即可进 ...
- 【Figma学习】图标制作
快捷键 Ctrl + [ ]键是调整图层位置 磨砂图标绘制技法 1.绘制图标造型 2.添加颜色.描边 3.添加渐变.背景模糊 微质感图标技法 1.造型绘制 boolean运算 相加.相减.合并 2.颜 ...
- Figma软件产品设计找工作怎么样
Figma是一个Web应用程序,是一款功能强大的界面设计工具,提供了一系列的功能,包括界面设计.原型设计和团队协作等,非常适合进行软件产品设计. 一.优势 下面是Figma适用于软件产品设计的几个方面 ...
- PNG、IconFont、SVG图标使用
原链接 查看全文 http://www.taodudu.cc/news/show-6014058.html 相关文章: [PM学习笔记]酸梅干超人 - 零基础学Figma学习笔记 halcon学习_超 ...
- Caffe学习系列(22)：caffe图形化操作工具digits运行实例
上接:Caffe学习系列(21):caffe图形化操作工具digits的安装与运行 经过前面的操作,我们就把数据准备好了. 一.训练一个model 右击右边Models模块的" Images ...
- 学习设计到底应该学习figma、sketch还是PS
如果你做平面设计.拍摄后期.电子商务设计.字体设计等,那就学习吧PS. 如果你是做UI设计.原型设计或交互设计,推荐您优先学习Sketch或Figma,当你有余力的时候,考虑学习PS. PS 在这三款 ...
- 【学习记录】Figma入门使用
(一)前言 本人最近为了完成GIS应用课程实习任务,小组分配到的任务是实现一个网站的UI设计.之前就有在B站关注figma相关内容,就选择了figma在线设计网站开始学习使用. (二)怎么 ...
最新文章
- 汇编语言--转移指令
- centos 6.8安装git_CentOS7安装GitLab、汉化、邮箱配置及使用
- 大小仅1MB，超轻量级通用人脸检测模型登上GitHub趋势榜
- CentOS使用virt-what知道虚拟机的虚拟化技术
- JavaWeb——c:forEach varStatus=status
- How is syntax error in Vue detected - Vue的语法错误检查机制介绍
- 『设计模式』状态模式（不起花里胡哨的名字了）
- 互联网晚报 | 9月3日 星期五 | vivo正式公布自研芯片V1；天猫公布今年双11节奏；网易云音乐去除歌曲“独家”标志...
- 【比赛】智源-知乎联合发布大规模用户邀请回答数据集，同步开启10万元竞赛...
- matlab求线与面的夹角,基于MATLAB的通用晶面间夹角公式的推导与求解
- wow修改人物模型_人物修改教程更仔细
- 正确获取CleanMyMac注册码并激活
- 常见色彩表（RGB）
- Ping命令进行网络检测
- 如何点亮QQ邮箱图标 - 龙 炫家族特权
- linux下RTNETLINK answers: File exists的解决方案 慎重
- SQL学习之ucase()函数
- util.Date和sql.Date之间的转换
- matplotlib无法显示中文问题的解决(全网最全)
- 前端工程师知识体系结构：