designlang 是一个开源工具,用户只需输入一条命令,就能抓取任意网站的设计语言。它会生成 17 种以上的设计文件,包括 Tailwind 配置、Figma 变量、shadcn 主题,甚至还有提供给 v0 或 Cursor 的提示词。

不只是提取颜色和字体

这个工具会测试四个断点下的响应式表现,检查悬停和点击状态,并验证无障碍对比度。它还能为整站的设计一致性打分,帮助开发者快速判断一个网站的视觉系统是否统一。

演示 Demo 可以直接体验

官方提供了演示 Demo,用户只需贴入网址,就能看到设定系统从页面中被逐步读出。整个过程可以录像并分享,适合用来复盘或展示。

对于想学习他人设计语言的人,或者需要为老项目补设计规范的开发者和设计者,designlang 提供了一条低成本的路径:不用手动翻代码,也不用逐个截图比对,一条命令就能把设计 token 提取出来。