figma能做些什么?蒙板的原理...13使用小技巧汇集
1.如何将元素放在frame的区域但不进入frame?
拖得时候按住空格
2.使用figma能做些什么?
Jeason使用figma做了一个ppt讲解,很全面。从软件对比到工作流到娱乐https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fiy1Ig4WXdCK1wztY0GqS1H%2FJeason-%25E3%2580%258AFigma%25E4%25B8%2580%25E7%25AB%2599%25E5%25BC%258F%25E8%25AE%25BE%25E8%25AE%25A1%25E4%25BA%25A4%25E4%25BB%2598%25E3%2580%258B%25E5%2588%2586%25E4%25BA%25AB%25E8%25AF%25BE-(Community)%3Fnode-id%3D101%253A14790(现在 Figma 里玩超级玛丽、抓宝可梦、飙车、养猫等玩法也是不计其数,对哦,可以出一篇 Figma 游乐园合集🤔)
3.“组”的有用之处
一般来说在figma中用不到组,组只起一个快速多选的操作,但是以下几个地方会列出组的独到之处
在做蒙板时,如果是frame,则不能进入蒙板范围,但组可以,因此解决方式就是在frame外套一层组
4.锚点小技巧
点击锚点,delete
,删除该锚点以及相连的线段
点击锚点,shift
+delete
,›只删除该锚点且保持连接
选中两个或者多个锚点,command
+j
,连接锚点
按住 command
+点击
锚点,可以将锚点处从尖角改为顺滑的曲线
5.蒙板的原理
在figma中,蒙板的使用与Ps中不同,在ps中使用蒙板,如果上方图层没有完全覆盖下方图层,那么下方图层原本的内容也会显示出来,但figma中,蒙板就只是蒙板,不显示任何东西,这与sketch里的透明度蒙板比较类似,在figma中使用过蒙板之后会自动创建一个组,组中可以创建很多蒙板,结合渐变可以玩出很多花样。
6.50个效率翻倍的小技巧
Greg Rog 整理了 50 个 Figma 快捷方式和技巧,可以让你设计时快如闪电,早早下班。推荐观看。https://designtools.app/figma/b444bb13-8aca-4464-abe1-dff0e231162e
7. 矩形 & Auto layout 的转换
一个形状上放一个文字,再一块做自动布局,就可以转换成一个Frame 包裹文字。
8. 最小宽度使用方法和场景
在制作按钮的时候,通过放入一根没有高度的线,将其不透明度调整为 0,通过这个方法控制按钮的最小宽度,宽度根据内容自动调节,因为有了这根线,所以限制了最小宽度
9. 临时快速的进行简单的抠图
选中图片后,点击上方工具栏中的第一个Edit object
,出现锚点,调整锚点贴合要抠的主体即可,也可以调整锚点的圆角使路径更贴合,还可以按住 command
+ 点击锚点
或通过右侧面板调整锚点的控制柄使过渡的更为圆滑。
10. 在 Figma 的文本框中可以通过英文冒号“:”+对应英文单词打出 emoji
11.调整自动布局的 padding 的小妙招
按住 command + 单击右侧面板中 padding 的任意一个输入框,可以同时调整 4 个值
12. shift
+O
(这是字母O不是数字0)开启轮廓视图
通过菜单 View → Outlines里的设置,可以很清晰的看到所有想看的图层
13.快速添加本地图片到指定图层
在画布上做好设计(指要摆放的图层,可以用组件),按Command/Ctrl
+shift
+k
,在弹出的文件浏览器中,选择要放置的所有图片,确定后这些图就会吸附在你的光标上,之后一个一个点击目标图层即可快速放置,且不脱离想放在哪里就放在哪里的掌控