关于
关于 Design Extractor
Design Extractor 把公开网站的网址转换成 DESIGN.md:一个 Markdown 文件,包含网站的颜色、字体排版、间距、形状、组件以及背后的设计考量。Claude Code、Cursor、GitHub Copilot 和 Google Stitch 等 AI 编程智能体会把它当作样式参考。
由谁运营
Design Extractor 是 Magentix Studio(Magentix Studio UG (haftungsbeschränkt))的产品,公司位于德国 Mannheim。总经理是 Fadel Kaadan。公司详细信息见法律声明,你也可以通过联系页面与我们联系。
一次提取是如何进行的
你粘贴一个公开网址。Design Extractor 会在浏览器中加载这个实时页面,读取它的视觉属性(颜色、字体、间距、形状和重复出现的组件),并写入 DESIGN.md:YAML front matter 中是精确的令牌值,Markdown 正文则说明如何使用它们。
一次 Pro 提取覆盖网站的大约五个页面。每次提取都会消耗预付积分;如果因为我们这边的原因提取失败,积分会退回你的余额。了解 Design Extractor 的工作原理。
示例库是如何制作的
从哪里开始
- 文档: 所有指南都在这里。
- 什么是 DESIGN.md: 文件格式及其章节。
- 免费工具: 校验器、字体查找器和配色提取器,无需注册。
- MCP 服务器: 让 Claude Code、Codex、Cursor 或 claude.ai 运行提取。
- Chrome 扩展程序: 提取当前标签页中的页面。
- 价格: 预付积分包,无需订阅。