上周帮朋友改一张海报,她把所有图层都叫成“图层 1”“图层 2”,最后导出前发现“那个蓝色圆角矩形其实是按钮背景”,翻了十分钟才找到——其实只要打上“btn-primary”“hero-text”这类标签,5秒就能定位。
标签不是随便起的,是设计流程里的导航键
在 Figma、Sketch 或 Photoshop(新版支持图层标签)里,“标签推荐”不是功能按钮,而是你习惯养成后的自然产出。比如你画一个卡片组件,顺手标上“card / blog / hover”,下次团队协作或自己复用时,搜“card hover”就直接跳出来,比翻文件夹快得多。
三个真实好用的标签推荐逻辑
① 类型 + 场景 + 状态,比如:
icon / social / active
input / login / error
banner / homepage / mobile不追求高大上,就图一个“扫一眼知道干啥、在哪用、当前啥状态”。② 避开模糊词,拒绝“临时”“备用”“新版本”——这些词半年后你自己都懵。换成具体动作:“btn-cta-clicked”比“按钮改版”靠谱,“nav-main-expanded”比“导航优化中”有用。
③ 团队共用一套前缀,别各自为政。UI 组统一用 ui-,动效组用 anim-,图标用 ico-。有人起名“home-banner-v2-redesign”,有人写“homepage-hero”,结果搜索时全漏掉。定好规则,贴张便签在显示器边框上,比写文档管用。
小动作,大回报
我试过连续两周给所有图层加标签推荐,第三周开始,改需求时找组件时间从平均4分钟降到40秒;外包同学接手项目,第一句话不再是“这个模块在哪”,而是“ui-card-product 是不是要加阴影?”——标签不是炫技,是把脑子记不住的事,交给名字来扛。