── Mini Tools

小工具

这三个工具都来自真实项目里卡住我的地方。 做出来之后,每个工具都在项目里持续被用。 它们证明了一件事:“快速落地”不是口号。

01

Figma 组件命名规范检查器

Component Naming Linter for Figma

Source

百度智驾云 ASD 项目沉淀

Stack

Figma APICursorClaude

Scenario

设计系统维护、大型组件库治理

设计系统最容易腐烂的地方,是命名。 当组件数量超过 100,没有规范的命名会让整个系统在 6 个月内崩塌。 这个工具读取 Figma 组件命名,按「业务域-类型-状态」四段规范自动审查,输出不合规清单 + 修复建议。

Try it →

02

LAB 色彩适配助手

LAB Color Adapter

Source

百度人机共驾地图项目沉淀

Stack

Claudecolor.jsReact

Scenario

HMI 设计、多品牌色彩适配、无障碍设计

车规级 HMI 和多品牌适配场景里,HSL / RGB 色彩思维无法满足"人眼感知"的精度。 这个工具基于 LAB 色彩空间,输入品牌主色 + 应用场景(驾驶 / 室内 / 户外),输出一套候选色板 + 完整的对比度验证报告。

Try it →

03

多语种文案压力测试器

Multilingual Text Stress Tester

Source

华为 CBG 全球官网项目反思

Stack

ClaudeDeepL APIFigma 插件

Scenario

全球化产品设计、多语种 UI

国际化设计最容易翻车的环节——在设计稿阶段,无法预见多语种排版后的崩坏。 这个工具读取你的设计文件,对每个文本容器自动注入 12 种语言的最长翻译,生成"长度爆炸压力测试报告"。

Try it →