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

2021-09-06 12:14:21 浏览数 (1)

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

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

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

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

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

点这里观看 快速掌握Figma

Tip06.

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

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

Tip07.

5秒搞定进度环设计

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

Tip08.

快速搞定响应式设计

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

关于Breakpoints插件

静电已经为大家准备好了

关注静Design公众号

回复“响应式”即可获得

插件安装地址和demo文件

Tip09.

快速搞定重复形状

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

Tip10.

绘制过程中移动图形

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

0 人点赞