设计工具原来Figma变量能带透明度,整套组件交互色一秒搞定

产品: Figma猎人: 龙爪槐守望者 时间: 9小时前

Figma

与「Figma」有关的细节还有 46查看全部

我也有新发现 我要投稿
原来Figma变量能带透明度,整套组件交互色一秒搞定原来Figma变量能带透明度,整套组件交互色一秒搞定

细节描述

龙爪槐守望者: 过去在Figma里做多状态组件特别尴尬,悬停、按下或者遮罩常常需要同一色相带透明度,但变量系统偏偏把颜色当成一个死板的十六进制色块。 Figma在颜色变量里直接打通了透明度通道,既支持手动输入百分比,也支持把透明度绑定到数字变量上。一个基础品牌色,顺手挂上不同的透明度引用,整套交互状态色直接在设计系统中自动派生出来。

98人评分
收藏 1
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

「微信 」8.0更新的「我的状态」会成为新潮流吗?
微信

用户体验「微信 」8.0更新的「我的状态」会成为新潮流吗?

猎人 - 陈子木10.0

「微信 」8.0 中更新的「我的状态」这一功能,很明显延续自 「QQ」,不过功能更加强大。这个功能在「我」的页面中,微信号之下,点击之后,能看到「状态+背景图片+文字+位置+...

查看详情

#互动#信息呈现#微信

还在PS里修半天?Figma AI让模糊位图1秒变高清
Figma

新功能还在PS里修半天?Figma AI让模糊位图1秒变高清

猎人 - 龙爪槐守望者9.7

Figma 作为一款矢量 UI 设计工具,位图处理一直是它的短板。设计师们在处理抠图或者调整图像质量时,常常得先跑到 Photoshop 这些工具里搞定,再导入 Figma,...

查看详情

#AI#位图#分辨率

告别像素眼!Figma AI 功能帮你自动检查所有设计不一致
Figma

一致性告别像素眼!Figma AI 功能帮你自动检查所有设计不一致

猎人 - 龙爪槐守望者9.3

设计稿画完了,信心满满地交给开发,结果没过多久,他就跑来问你:「这个按钮的蓝色到底是哪个色号?」 「这个间距用的是 8 像素还是 10 像素?”」设计系统中明明定义好了规范,...

查看详情

#一致性#原子设计#变量