designlang 是一个开源工具,用户只需输入一条命令,就能抓取任意网站的设计语言。它会生成 17 种以上的设计文件,包括 Tailwind 配置、Figma 变量、shadcn 主题,甚至还有提供给 v0 或 Cursor 的提示词。
不只是提取颜色和字体
![]()
这个工具会测试四个断点下的响应式表现,检查悬停和点击状态,并验证无障碍对比度。它还能为整站的设计一致性打分,帮助开发者快速判断一个网站的视觉系统是否统一。
演示 Demo 可以直接体验
官方提供了演示 Demo,用户只需贴入网址,就能看到设定系统从页面中被逐步读出。整个过程可以录像并分享,适合用来复盘或展示。
对于想学习他人设计语言的人,或者需要为老项目补设计规范的开发者和设计者,designlang 提供了一条低成本的路径:不用手动翻代码,也不用逐个截图比对,一条命令就能把设计 token 提取出来。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.