设计提效-Figma技巧篇

触发器用于定义原型从一个框架到另一个框架的交互方式。你可以使用原型选项卡中的 Trigger 下拉列表进行设置。智能动画利用Figma内的智能动画,设计师可以轻松地做出丰富的动画效果,例如开关的切换、tab的平移、选择器的滑 动等。简单来说,设计师只需要制作开始帧和结束帧的设计稿,利用触发器将两者串联后,智能动画会帮助设计师补齐过程中发生的动画,你也可以在这个过程中选择 合适的动画曲线让你的动画更具表现力。弹性动画Config 2022的更新中,Figma为设计师专门提供了在原型转换中的弹性动画。
摘要由CSDN通过智能技术生成

一、快捷键面板|宝典大全

相信很多设计师一定看过一些快捷键操作,但是实际操作起来总是让人摸不着头脑。其实Figma提供了一个非常方便的功能,按"Ctrl + Shift + ?" 即可打开快捷键面板查看所有快捷键,有锦囊在手再也不用求助他人啦~

二、快速填充|“嘭嘭嘭”地填充多张图片

遇到多个占位符的情况,有多少小伙伴还在一张张重复填充内容-选择图片-浏览并选择……在不使用插件的情况下,其实只要按下“Ctrl + Shift + K”选中多张图片或动图,就可以依次填充进去。

三、自动布局|界面布局的魔法

想一下平常工作中遇到的高频但低效的场景,例如“做页面时删除一张图片则其它模块都需要微调好麻烦啊”、“过方案想看不同间距的样式但是一个个调整太浪费时间了”,用Figma的自动布局功能就可以解决这些问题 , 通过搭配使用等距排列、自适应变化等,你就可以完成一个调整细节就会自动影响整个界面的魔法。

  • 关于自动布局

使用键盘快捷键“Shift+A”即可为一个框架或选择的对象添加自动布局,同时,在右侧边栏会新增一块功能区域,你可以在里面控制自动布局框架的流动方式(选择垂直方向或水平方向的布局)、快速调节对象之间的间距。值得一提的是,自动布局非常好用的一点就是可以“套娃”,嵌套自动布局框架可以组合玩出非常多的花样,比如同个画框内同时存在垂直和水平方向的布局方向等。

</

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值