来源:互联网
最近Figma出了很多新功能,变化之大可以说是一日千里不足为过。
以前Figma虽然好用,但功能缺失比较明显。
(资料图片仅供参考)
做原型不如Axure专业,设计交付不如蓝湖贴心,字体管理居然连预览都没有……
但是现在,上述问题不但一次性给出全面解决方案,而且做出了很多创新的功能!
可以看看这段宣传片感受下:
接下来仔细给大家介绍一下,从简单的开始吧~
1.可视化字体列表
以前的Figma字体简陋得跟学生作业一样,就一个从A到Z的字体名称列表,既看不到预览,也没有把常用字体列出来。
现在终于加上预览了,而且还提供了几种分类查看:
要是能把中英文分割出来就更好了,希望以后再接再厉吧。
2.自动布局更接近前端
2.1自动换行
自动布局这个东西很好用,但一直有一个问题——不能换行。
于是,每次只能做一行,然后手动复制多行。
但前端样式是可以自动换行的,下图这种效果只需一行float代码即可。
所以,这次Figma终于把自动换行加上了,这个真是方便不少,还省了一级Frame。
2.2. 尺寸限制
再好的响应式页面,也不可能下至10px上至10000px,基本都有尺寸限制的。
这个尺寸限制对前端来说,也即是一两句代码的事,非常简单。
但绝大部分设计软件都没有这个功能(大部分连响应式布局都不支持),这样就加大了响应式设计的难度:
Figma这次终于加上了,这真是强迫症的福音:
3.变量 Variable
重头戏来了~
Axure的原型功能最厉害的地方在哪?就是这个变量。
什么是变量?就是设置一个值,可以和页面上的展示或操作联动。
Figma现在可以用变量来做很多事,可以先看一下宣传视频感受下:
看不懂也没关系,接下来详细解释。
3.1.变量控制
例如这个数字控件,点一下+就加一个数字,点一下-就减一个数字。
如果这玩意儿没有变量,就得做N个页面,每个页面是不同的数字,把他们都串起来才行,是不是想想就头疼?
而有了变量后,做起来就简洁多了。
你给这个数字设置一个变量,取名叫itemCount。
+被点击时,给itemCount加1;-被点击时,给itemCount减1。
这样一来,你只需要一个页面就能完成数字空间的交互了。
变量有4种,除了数字之外,还可以是文本、颜色和布尔值(off/on二元选项)。
变量的运用范围也是很广,例如可以用来做组件之间的联动:
可以用来做音量调节:
可以用来做选项计数:
这个种变量法和前端几乎时一样的,这对有前端基础的设计师来说,几乎没有学习成本。
以为这就完了吗?还不止。
3.2.模式切换
前端能让UI一键切换模式,例如深色模式、语言、尺寸等。
利用变量,Figma也能实现这样的切换:
这一切的秘诀,就是这张可以记录多组数据的表:
你可以创建多个这种表,Figma会将数据变成菜单,一键切换。
4.开发模式 Dev Mode
Figma对前端的野心不止于此,他们是真的想要将开发也纳入目标人群。
4.1.前端样式
现在国内用蓝湖的比较多,看尺寸、下载图片很方便,虽然性能是卡了一点。
但现在Figma进场,那效果就很不一样了。
首先,这个标注挺清晰的:
蓝湖相比之下,就弱很多了:
Figma开发模式对边距样式的展示,与浏览器自带的开发工具非常相似,让人倍感亲切:
这是是Chrome开发者工具,比Figma开发模式多了外层的margin和position:
关键是,因为Figma本身有自动布局,所以布局样式识别得比较精准。感觉这样下去,自动生成相应式页面也不远了。
而蓝湖不能识别出布局,而且内外边距、间距、尺寸限制都没有:
图片导出的类型也挺多:
查看方案更新时间很方便,开发模式界面右上角就有:
还能对比查看变更记录:
4.2.前端设计组件一体化
现在大家搞组件化,基本都是设计一套、前端一套,二者之间沟通效率低,基本上各玩各的比较多。
但是Figma这个开发模式,就有希望打破这一局面了。
因为它把设计师做的样式和组件列表都能列出来了:
这样开发就能比较容易地了解设计所用的组件和标准色了。
4.3.开发插件
Figma本身有插件,但主要是给设计师用的。
现在开发模式也有自己的插件区,全是面向前端的。
介绍完了,感觉怎么样?
我之前对Figma这个工具,总觉得大面上不错,但产品能力还是有不少缺陷。只能算是小而美,算不上成熟大气。
也正是因为这个漏洞,这两年来国产设计软件都往功能全面的方向发展,确保自己在Figma面前的竞争力。
但这次改版,让人觉得没有固步自封,步子迈得挺大的。
来个投票吧:
工具不管怎么升级,关键还是看使用者的实力,有没有想法,能否找到对的设计策略才是关键。
想要提升设计核心竞争力的话,可以来参加我们的设计策略课程,在齐全的资料和负责的导师的助力下,一定会让你进步神速的:
关键词:
护手霜哪个牌子好用(护手霜哪个牌子好用学生党)_每日报道
秋冬季节到了,手部由于不能分泌油脂,容易出现倒刺和干裂,为了让自己
普里戈任接受白俄缓和局势建议,其刑事立案将获撤销
俄罗斯媒体当地时间24日晚报道,瓦格纳组织创始人普里戈任接受白俄罗斯
环球看点!复盘|瓦格纳的“24小时哗变”
普里戈任宣布“掉头回营”的骤然转向,与不到24小时前其被诉“武装叛乱
每日热闻!杨振宁第一任妻子和翁帆照片_翁帆照片
1、杨翁合影出自“天意”,《新快报》总编辑1995年带队采访在汕头召开
环球最新:6月24日传来国乒接连失利消息,双打无缘领奖台
北京时间6月24日,2023WTT挑战赛突尼斯站继续进行。男双四强——安宰贤
关于我们 加入我们 联系我们 商务合作 粤ICP备2022077823号
创氪网 www.chuanganwang.cn 版权所有 技术支持:广州中创互联网信息服务有限公司
投稿投诉联系邮箱:317 493 128 @qq.com