← 返回案例

AssetGate · 独立作品 · Figma 插件

Figma 插件的设计与开发

定义规范,机器执行,只报告不改动。可用的 MVP,开源。

AssetGate 插件面板:合格率 100%,0 个必须修,24 条建议
  • 独立作品 · 可用的 MVP
  • Figma 插件 · 原生 JavaScript · 零依赖
  • 开源(MIT)· 本地安装即可用

01

目标

设计稿越来越多,尤其是用生成工具批量产出的界面稿,逐层检查命名、层级、类型比自己画一遍还慢。人能看,机器不能用:没法批量导出、交接,也沉淀不成可复用的资产。我要的是一道交接前的质量门:标准写一次,机器执行一万次。

流程 · 有无质量门
有无质量门的两条工作流对比:没有它,问题在交接后才暴露;有它,不合格的稿子在交接前被打回整理

02

我负责什么

定义检查规则与结果分级、插件界面与交互、用真实文件逐轮验证误报,直到可用。

03

关键决策

信任优先。 每条问题回显它违反的具体标准,点击即跳转定位,界面常驻“只检查,不改动文件”;机器判不了的五类情况写在面板最顶部,不假装能判。 标准由使用者定义。 做的是“定义规范加执行检查”的能力,不是某一套具体规范。设定项全是大白话勾选。 只做客观可判的规则。 确定违规的计入合格率,启发式判断的只算建议:宁可少报,不可误报。规则在测试文件上跑了三轮,本轮测试文件中发现的误报均已修正。

界面 · 设定区与结果区
AssetGate 插件的两个界面:设定区用大白话勾选标准、顶部明示五类判不了的情况;结果区显示合格率与按标准分组的问题清单

04

可见成果

在一个测试样例上做了对比:不给任何规范、直接用生成工具产出的界面稿,88 层里 88 个必须修;把团队命名规范交给生成工具重新生成一稿,再检查,0 个必须修,剩 24 条建议。插件只负责检查,修正来自按规范重新生成,不是插件自动修复。机器判“有没有违规”,把“是不是更好”留成建议交回给人。插件开源,本地安装即可用。

结果 · 两份文件的检查结果
两份文件的检查结果对比:原始产出 88 层、88 个必须修;按规范重新生成后 0 个必须修、24 条建议