figma5个小技巧,ui设计新人提升工作效率

2022-02-0518:12:03UI设计Comments2,090 views字数 436阅读模式

越来越多的设计师使用Figma ,而Figma的功能也越来越好用,很多在 Sketch 当中的复杂功能,在 Figma 当中一样可以轻松实现。接来下分享一些在 Figma 当中省时省力的功能或小技巧,希望能够让ui设计新人提升工作效率。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

1.超简单的环形进度条设计方法文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

figma5个小技巧,ui设计新人提升工作效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

只要使用圆形工具,就能快速拖拽出美观的圆弧进度条,尝试这个功能之后不禁感叹figma的功能实在是强大、好用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

2.使用缩放工具避免出现变形文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

figma5个小技巧,ui设计新人提升工作效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

在 Figma 中用移动工具直接缩放时,会出现变形。当使用缩放工具(快捷键K)可以完美保持原比例进行放大和缩小。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

3.快速调整列表和表格工具文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

figma5个小技巧,ui设计新人提升工作效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

选择一组内容,点击右上角的网格工具,如上图红框所示,就能这组内容进行快速的调整,比如让元素之间的上下左右距离相等,拖拽元素之间的间距大小等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

4.快速重复执行上一个操作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

figma5个小技巧,ui设计新人提升工作效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

当你要复制多个相同的元素,并要保持一样的参数设置,比如相等的间距。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

5.使用吸色工具快速预览颜色文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

figma5个小技巧,ui设计新人提升工作效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

当你需要参考多个颜色进行试色的时候,可以用吸色工具i来快速预览前当前颜色是否是你想要的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/23028.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ui/23028.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定