Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >5个设计师必知的Figma隐藏小技巧(第二辑)

5个设计师必知的Figma隐藏小技巧(第二辑)

作者头像
用户5009027
发布于 2021-09-06 04:14:21
发布于 2021-09-06 04:14:21
2.8K0
举报
文章被收录于专栏:静Design静Design

据说点击蓝色字体关注同学都升职加薪了

静电说:前一阵我们推出了Figma的隐藏小技巧第一辑,现在作者Prabhu Baba推出了第二辑。快使用这些Figma小技巧加速自己的工作效率吧!一起来看。

如需观看第一辑 请点下方链接

5个设计师必知的Figma隐藏小技巧

静电也推出了16集Figma免费视频教程

点这里观看 快速掌握Figma

Tip06.

使用缩放工具避免元素变形

首先,选中你要缩放的内容,然后按键盘的K键,拖动就可以了。 注意,这里不能选中就直接拖动,因为直接拖动会导致元素变形失真。

Tip07.

5秒搞定进度环设计

使用Figma的圆形工具绘制一个圆,此时你可以在圆上看到一个点,拖动这个点,然后再拖动另一个随后出现的点,一个漂亮的进度环效果就出来了。

Tip08.

快速搞定响应式设计

BreakPoints是一个Figma插件,它可以让你在不打开插件窗口的情况下也能轻松预览响应式页面的变化过程。就如上图所示。是不是很神奇?它的原理是你预先设计好几种响应式页面的状态,然后再从插件中设定不同宽度下出现的状态即可。

关于Breakpoints插件

静电已经为大家准备好了

关注静Design公众号

回复“响应式”即可获得

插件安装地址和demo文件

Tip09.

快速搞定重复形状

当我们想复制多个一样的形状的时候,首先复制一个元素并放到合适的位置,然后按键盘快捷键⌘+D即可获取一组排列好的形状了。

Tip10.

绘制过程中移动图形

这个操作其实挺细节的,首先拖动鼠标绘制形状,这个时候不要松开鼠标左键,然后按住空格键,你会发现此时可以移动图形了,而我们这个时候还在绘制状态。移动到自己想要的位置后,再松开空格键,继续绘制图形吧。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-08-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
神奇的技巧增加了!Figma中那些很好用,但不少人却不知道的玩法
据静电说:在Figma中有很多功能,不少同学用了好久都还不知道,但是这些功能又是我们必须要用到的,否则在做设计的时候可能会产生障碍哦~一起来看看吧!
用户5009027
2022/10/27
4.6K0
神奇的技巧增加了!Figma中那些很好用,但不少人却不知道的玩法
Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)
静电说:上周我们为大家带来了Figma技巧超全合集的第一辑,今天,第二辑来啦!要看第一辑的小伙伴请点击这个链接:Figma技巧超全合集!40+隐藏技能!快收藏!(第一辑)
用户5009027
2022/04/07
2.2K0
Figma技巧超全合集!40+隐藏技能!快收藏!(第二辑)
23个高手都在用的Figma小技巧!(2022新专辑)-Part 02
静电说:不知道上周发的第一期2022全新figma小技巧大家看的怎么样,有没有实践?
用户5009027
2022/04/07
2.2K0
23个高手都在用的Figma小技巧!(2022新专辑)-Part 02
UI入门第二课:设计师必备的专业技能(实战篇)
算算时间,成为一名UI设计师也快两年了。前不久,跟大家分享了我入行这一年多以来的心得体会,发现反响挺好,到目前为止,依然有不少萌新小伙伴私聊我转行的相关问题。所以我打算将“UI入门”这个话题做一个系列,希望可以帮助到更多准备入门UI设计的朋友。
奔跑的小鹿
2022/05/26
3090
UI入门第二课:设计师必备的专业技能(实战篇)
这11个新的Figma隐藏技巧,大幅提升你的设计效率
静电说:2023新年快乐!这也是新年的第一篇文章,再次祝福各位新年新气象。今天我们为大家分享11个新的Figma隐藏技巧,我猜你可能真的不知道。快学起来。
用户5009027
2023/01/04
5K0
这11个新的Figma隐藏技巧,大幅提升你的设计效率
设计提效-Figma插件篇
序言 咦,同样是用Figma,为什么同桌小花早早下班,隔壁二狗岁月静好,而你却在Figma中焦头烂额?设计提速的秘诀就在于Figma中功能各异的插件。但当打开Figma插件库,海量插件让人头晕眼花,究竟哪一款才是最适合你的呢?为此QQ设计师在日常工作中反复实验,终于找到了这些宝藏插件,让UI设计领域的你成为高效的设计师。 1、Skale-缩放能力增强工具 很多设计师在从Sketch转换使用Figma的时候,找不到对应Sketch里的缩放功能。此时你就需要Skale,这是一款热门好用的缩放插件,可以设置元素
腾讯ISUX
2022/05/13
2.3K0
设计提效-Figma插件篇
手把手教你设计师必备的专业技能
算算时间,成为一名UI设计师也快两年了。前不久,跟大家分享了我入行这一年多以来的心得体会,发现反响挺好,到目前为止,依然有不少萌新小伙伴私聊我转行的相关问题。
奔跑的小鹿
2022/01/18
2760
手把手教你设计师必备的专业技能
干货!7个设计师必知的图标设计原理,收藏了!
创建高质量的图标套组需要合适的方法,训练有素的眼睛,一些迭代和大量实践。下面,我将通过7个原则和大量实际示例来说明。最终目标是让你了解设计出优质图标的关键细节。
用户5009027
2020/02/19
1.3K0
设计师如何用原型中钢笔工具快速画图?
其实只要学会使用摹客原型设计的钢笔工具,结合形状合成功能(布尔运算),就能自由绘制你想要的形状,让你的设计更加得心应手。
奔跑的小鹿
2020/07/03
1.5K0
设计师如何用原型中钢笔工具快速画图?
2023 年,UI设计师必须要关注的移动端设计趋势!
据静电说:这是一篇Mary Moore的文章,为我们分析了2023年的UI设计趋势。很多新鲜的事物逐渐进入我们的视野,设计师要多去接触新鲜事物和概念,会让自己的设计更顺畅。
用户5009027
2022/10/27
1.7K0
2023 年,UI设计师必须要关注的移动端设计趋势!
Sketch颠覆者!静电的Figma完全学习日记-Day.02
静电说:在发表Sketch颠覆者!静电的Figma完全学习日记-Day.01后,我收到了不少小伙伴的留言。其中有一些表达了质疑的声音,大概是这样的:
用户5009027
2019/12/17
1.8K0
Sketch颠覆者!静电的Figma完全学习日记-Day.02
Python 自动化指南(繁琐工作自动化)第二版:二十、使用 GUI 自动化控制键盘和鼠标
了解用于编辑电子表格、下载文件和启动程序的各种 Python 模块是很有用的,但有时您需要使用的应用没有任何模块。在计算机上实现任务自动化的终极工具是你编写的直接控制键盘和鼠标的程序。这些程序可以通过发送虚拟击键和鼠标点击来控制其他应用,就像你坐在电脑前亲自与应用进行交互一样。
ApacheCN_飞龙
2023/04/04
8.9K0
Python 自动化指南(繁琐工作自动化)第二版:二十、使用 GUI 自动化控制键盘和鼠标
玩转AE丨动效设计必备指南
导语 动效是用户体验的重要组成部分,也是产品调性的重要体现。如今动效设计也有了更多的解决方案,如Framer、Principle、Flinto、Protopie等,这些软件在制作交互原型时,确实有更轻量便捷的优势,但效果也有一定的局限性,或者要求使用者有代码基础,比较适合有针对性的人群。 而After Effects作为动效软件的鼻祖,以其强大的兼容性、效果丰富性和清晰明了的图层操作逻辑深得设计师们喜爱,不论是UI、运营还是多媒体类型的设计都能满足,无疑是目前最具有普适性的动效软件。 本文从AE的
腾讯ISUX
2021/10/12
2K0
多模态人机交互国内研究进展
在大数据可视化领域,国内的发展也已经逐渐走向成熟,每年都有许多可视分析系统不断涌现。近年,沉浸式大数据可视化得到了发展,浙江大学的探索了如图 1所示的无缝结合羽毛球比赛数据绘制的2D和3D可视化视图的问题,Chu等人(2022)探索了结合高度来凸显羽毛球数据中多个战术之间存在的差异性问题,如图 2所示。由此可以看出,沉浸式大数据可视化对数据分析和展示问题提出了有效的解决方法。
一点人工一点智能
2022/12/27
1.4K0
多模态人机交互国内研究进展
MacBook苹果电脑如何安装Adobe PS、AU、PR等软件?
Adobe作为全球领先的多媒体设计软件供应商,出品了一系列图形设计、影像编辑与网络开发的Adobe软件产品套装,涵盖平面,插画,音视频,动画等创意类相关应用。从事多媒体设计相关的工作者基本都会用Adobe全系列软件。adobe系列软件有哪些?
office小助手
2022/05/14
8.7K2
MacBook苹果电脑如何安装Adobe PS、AU、PR等软件?
前端工程师如何干掉设计
前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。  Photoshop使用   大多数前端工程师都有过切图的经历,也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现,那么作为一名合格的前端工程师,我们有必要了解并熟练的掌握Photoshop的一些功能,下面介绍下几个实用的Photoshop
用户1667431
2018/04/18
2.2K0
前端工程师如何干掉设计
基于用户需求,打造原型设计工具中的卓越用户体验
随着互联网的发展,产品设计需求也随即增多,市面上的原型设计工具都差不多,呈现差异化是当前原型工具从竞争中脱颖而出的关键。
奔跑的小鹿
2022/09/20
7450
基于用户需求,打造原型设计工具中的卓越用户体验
解锁 draw.io 流程图制作工具的强大功能与应用(1/2)
draw.io 是一款由 JGraph 公司开发的基于网页的在线图表绘制工具。它最大的优势之一就是无需进行繁琐的下载和安装步骤,只要打开浏览器,访问其官网,就能立即开始使用。无论是在 Windows 系统、Mac 系统还是 Linux 系统等,只要网络畅通,都可以轻松操作。
正在走向自律
2024/12/23
5150
解锁 draw.io 流程图制作工具的强大功能与应用(1/2)
「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源
你不懂JS - 可能是用现代JavaScript编写的最好的书,完全可以免费在线阅读,或者可以买来支持作者。
架构师研究会
2019/09/18
7K0
平面设计师必备的AI快捷键
在开多个AI文档的情况下。来回切换是有点麻烦的,点来点去有点慢 CTRL+F6,可以来回切换。
半夜喝可乐
2018/10/25
2.7K0
推荐阅读
相关推荐
神奇的技巧增加了!Figma中那些很好用,但不少人却不知道的玩法
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档