design-extractManavarya09
新收录designlang 是一款基于 Playwright 的开源 CLI 工具,能够读取网站实时 DOM 并提取完整设计系统。它支持生成 DTCG 设计令牌、Tailwind 配置、Figma 变量、shadcn 主题及组件代码,同时具备 WCAG 无障碍对比度审计、多平台代码发射(iOS/Android/Flutter等)以及 MCP 服务器和 Chrome 扩展支持,专为设计系统审计与设计转代码工作流打造。
发现优质开源项目,匿名提交开源项目,认领编辑你的开源项目。
带着好奇心,发现开源世界。
THE FIRST COLLECTIONdesignlang 是一款基于 Playwright 的开源 CLI 工具,能够读取网站实时 DOM 并提取完整设计系统。它支持生成 DTCG 设计令牌、Tailwind 配置、Figma 变量、shadcn 主题及组件代码,同时具备 WCAG 无障碍对比度审计、多平台代码发射(iOS/Android/Flutter等)以及 MCP 服务器和 Chrome 扩展支持,专为设计系统审计与设计转代码工作流打造。
一个Claude技能,用于检查和构建Figma设计系统,提供只读审计和构建模式,支持多种输入和框架导出。
Dembrandt 是一个开源 Node.js CLI 工具,通过 Playwright 渲染网站并从 DOM 提取颜色、排版、间距、边框、阴影、动效和组件等样式数据,输出为 W3C 设计令牌(Design Tokens)。它支持 Style Dictionary、Tailwind v4 等格式导出,内置 CI 漂移检测门控,并提供 MCP 接口,可与 Claude Code、Cursor 等 AI 智能体集成。该工具适用于自有或授权项目的文档整理与学习分析,遵循 MIT 许可证。