【Figma】安装指南及基础操作

先前做UI设计一直都是用PS等绘图软件设计,但发现在纠结像素和排版问题上会花很多时间,再加上AI没来得及上手,就需要迅速出成图,此时通过论坛发现了figma,基本上可以满足足够的需求,并且可以在windows系统上使用。

更多对于figma的评价可以自行搜索相关文章:https://www.uisdc.com/figma-complete-guide#

【下载网址】

汉化版:

https://www.figma.cool/cn

官网: 

https://www.figma.com/downloads/

【安装流程】

从上方链接下载后直接解压即可

点击exe文件运行

官网下载也一样,直接运行登录就好

【基础操作】

从左至右分别为,移动、画板、矩形工具、钢笔工具、文字工具、视图工具、评论

frame工具可以自定义新的文本框

关于截图可以直接复制粘贴在空白板上,非常方便,不需要将图片另外保存成文件再导入

快捷键:

Shift+1 Shift+2

常用的放大视图工具,适用于快速查看文件全览,及快速放大某个元素的场景。

Z+鼠标左键

按住Z快捷键,鼠标会转变为放大镜,此时单击放大视图,同时按住Option会缩小时图。拖拽一片区域则会放大该区域。

Option+鼠标左键

Figma的右侧属性检查器无法快捷hover在属性值上拖动(需要谨慎的将鼠标移动到属性icon上),此时可以按住Option再把鼠标Hover到属性框,此时便可以直接拖动调整数值。

Cmd+G/Cmd+Option+G

从内容打组/从内容新建画板,Figma中组和画板有很多重合的地方,与Sketch差异较大,组还是那个组,但画板可以嵌套画板, 后面会具体解释。

Cmd+鼠标左键

该操作可忽略画板内元素直接调整画板尺寸,适用于画板内元素未做自动布局处理,同时需要调整画板尺寸的场景,直接调整画板尺寸会使图形变形。

Option+L

该操作可以快速收起图层,在设计过程中使用频率较高,便于高效整理图层。点击空白区执行该命令会收起所有图层,点击某个组或某个画板会收起该组或画板。注意,点击单个图层或元素无效果。

Shift+H & Shift + V

左右翻转&上下翻转,快捷执行翻转操作,此功能使用场景较多,常规操作需要右键唤醒功能面板然后寻找到目标再执行命令,学会快捷键后可以大大提升翻转操作的效率。

Shift+R

显示隐藏标尺,使用Sketch的用户需要克服该快捷键的使用习惯,Sketch中该操作为Cmd+R。

Control+G

显示隐藏网格,实际上不仅仅是网格工具,该快捷键唤醒的是栅格工具集合,需要在右侧属性检查器进行调整,可从网格工具转化为栅格工具,默认是网格工具。

Cmd+E

扩展图形,在Figma中,图形布尔运算后会保留所有原始图形,在选择图形时经常会选择到布尔前的图形,影响工作效率,在确认图形不会进行二次编辑时,可以考虑直接Command + E将图形扩展为新图形。

如果记不住快捷键,可以右键在选项面板中选择“Flatten”进行扩展图形。

Cmd+Shift+O

扩展描边,在使用描边绘制Icon时,需要通过扩展描边来转为可编辑图形。

如果记不住快捷键,可以右键在选项面板中选择“Outline Stroke”进行扩展。

最后,需要查看所有快捷键只需要在右下角唤醒帮助功能,面板中第二个选项Keyboard Shortcuts就是快捷键演示。

【参考资料】

[1] UI 设计用什么软件?:https://www.zhihu.com/question/20325104

[2] figma学习——下载安装、基本操作:https://blog.csdn.net/makerjack001/article/details/123090964

[3] 想从Sketch 切换到 Figma?送你一份详细的过渡指南!:https://www.uisdc.com/from-sketch-to-figma

[4] 万字干货!写给小白的Figma全面入门手册:https://www.uisdc.com/figma-getting-started-manual

[5] 【Figma教程】保姆级教程,全网最简单易学的Figma教程01-界面初识与形状绘制:https://www.bilibili.com/video/BV1Bz4y1R7tm/?vd_source=9590d8c8fde0f03d92875b8470c1032f

【其他辅助资料】

[1] 传智教育Figma从零到精通视频教程,涵盖 Figma基础操作+APP项目实战教程:https://www.bilibili.com/video/BV1qQ4y167Vd/?from=search&seid=16200644660295164906&spm_id_from=333.337.0.0

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/599799.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

绿联 安装Redis内存数据库

绿联 安装Redis内存数据库 1、镜像 redis:latest 2、安装 2.1、基础设置 重启策略:容器退出时总是重启容器。 2.2、网络 桥接即可。 2.3、命令 命令说明 redis-server 启动服务用,不可删除; /etc/redis/redis.conf 添加此命令启用自定…

免费SSL通配符证书/SSL泛域名证书获取教程

我们先基本了解什么是SSL证书以及其作用。SSL证书是一种数字证书,它通过为网站提供身份验证和数据加密服务,从而保护网站的用户信息安全。当我们在浏览器的地址栏看到“https”和绿色锁标志时,就表示该网站使用了SSL证书。 那么什么又是通配…

【4036】基于小程序+ssm实现的软件学院会议室管理系统

作者主页:Java码库 主营内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。 收藏点赞不迷路 关注作者有好处 文末获取源码 技术选型 【后端】:Java 【框架】:ssm 【…

Python开发笔试、面试及简历复盘:全面指南

Python开发面试总结复盘 最近跳槽了,趁着清明假期,把自己最近的跳槽面试经历做个总结复盘一下。 时间准备:23年12月底,总计两个月的准备,包括简历修改、笔试准备以及项目和话术的知识储备。 开始时间:24年2月底,总计两…

Java单链表和LinkedList的实现

一、单链表的实现 无头单向非循环链表 定义异常用于判断所给位置是否合法 public class IndexNotLegal extends RuntimeException{public IndexNotLegal(){}public IndexNotLegal(String smg){super(smg);} } class ListNode中包含当前节点的值和下一个节点指向 实现链表的…

ES入门十四:分词器

我们存储到ES中数据大致分为以下两种: 全文本,例如文章内容、通知内容精确值,如实体Id 在对这两类值进行查询的时候,精确值类型会比较它们的二进制,其结果只有相等或者不想等。而对全文本类型进行等值比较是不太实现…

复习知识点整理

零碎语法 1.导入某个文件夹的index文件,index可以省略(这里导入的是router和store文件下的index.js文件) 2.路由懒加载 this 1.在vue文件中使用router\store对象时 this:普通函数的this指向vue实例对象(在没有明确指向的时候…

【大学生统计建模大赛参考论文】基于问卷调查和机器学习的消费者智能家居产品购买意向分析

参考论文 摘要Abstract文献综述正文内容01 研究背景与目的02 理论框架与文献综述03 研究方法论04 实证分析05 结果与讨论 完整论文获取 摘要 本文旨在深入探讨消费者对智能家居产品购买意向的影响因素及其预测。首先,通过对智能家居产品的发展历史和市场现状的介绍…

k8s资源监控_bitnami metrics-server v0(1),2024一位Linux运维中级程序员的跳槽面经

错误3 也有可能会遇到以下错误,按照下面提示解决 Error from server (ServiceUnavailable): the server is currently unable to handle the request (get nodes.metrics.k8s.io) 如果metrics-server正常启动,没有错误,应该就是网络问题。修改…

java web day28

多表查询 内连接 写法 外链接 子查询 标量子查询 列子查询 行子查询 表子查询

Golang 开发实战day08 - Multiple Return values

Golang 教程08 - Multiple Return values 1. Multiple return values 1.1 如何理解多个返回值? Go语言中的多返回值,就像你听了一首歌曲yellow,可以从歌曲里反馈出忧郁和害羞!Goland的多个返回值就类似于如此,设定一…

面向低碳经济运行目标的多微网能量互联优化调度matlab程序

微❤关注“电气仔推送”获得资料(专享优惠) 运用平台 matlabgurobi 程序简介 该程序为多微网协同优化调度模型,系统在保障综合效益的基础上,调度时优先协调微网与微网之间的能量流动,将与大电网的互联交互作为备用…