designmd

一键提取网页设计规范，让 AI 编程风格对齐。

designmd 是一个为 AI 编程工作流提供生产级设计上下文的开源工具。它能从任意 URL 提取真实的设计系统，包括颜色、字体、间距、断点等，并生成一份便携的 DESIGN.md 文件。该文件可作为 AI 编码时的设计参考，确保生成的代码与目标网站的设计风格保持一致。它解决了 AI 编程时缺乏设计上下文、导致输出风格不匹配的问题。核心能力包括自动抓取网页样式、解析设计令牌、生成结构化文档，并支持与主流 AI 编程工具集成。

开源 free 编程开发
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 68
维护状态 低维护
是否开源 是
定价模式 free

项目数据

分类编程开发
开发团队byadityaraj
所属国家
官网地址https://designmd.cc
GitHubhttps://github.com/adityarajdigital/designmd
定价模式free
价格说明开源项目，MIT许可证，完全免费，可自行部署使用。
访问状态
是否开源是
开源协议MIT
主要语言
技术栈/模型ai-coding,ai-coding-tools,ai-context,benchmarks,claude,claude-code,cli,css-extraction,cursor,design-md,design-system,design-tokens,developer-tools,frontend-tokens,llm-tools,typography,web-design
GitHub 星标★ 68
30天Star增速
HF 下载量
上线时间2026-05-12 00:00:00
最近更新2026-09-21 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数1

使用教程

核心亮点

  • 自动提取颜色、字体、间距、断点等设计令牌，省去手动梳理
  • 输出便携的 DESIGN.md，可直接供 AI 编程工具读取
  • 基于真实 URL 提取，设计上下文准确且实时

不足之处

  • 文档/社区待观察
  • 仅支持静态样式提取，对动态渲染的网站可能不完整

适用场景

  • 前端开发时快速获取参考网站的设计规范
  • AI 编程工具（如 Copilot）注入设计上下文
  • 设计系统迁移或竞品设计分析

替代项目

Style Dictionary、Design Tokens、Figma Tokens

项目介绍

designmd 是编程开发领域的开源项目，由 byadityaraj 开发，是 2026 年新上线的项目。

它收录于编程开发分类，该分类目前共有 490 个项目，GitHub 星标数为 68。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-21。MIT许可证，完全免费，可自行部署使用。

它主要面向的使用场景是：前端开发时快速获取参考网站的设计规范。同类可对比的替代方案包括 Style Dictionary、Design Tokens、Figma Tokens。

上一篇：HolyCode

下一篇：shiplog

同类项目推荐

bolt.new 开源

想到啥说啥，网页应用当场生成直接能用

Prompt, run, edit, and deploy full-stack web applications. -- bolt.new -- Help Cente···

★ 16557 2026-08-09
fuzz4all 开源

用大模型自动生成测试输入，发现各种软件漏洞

️Fuzz4All: Universal Fuzzing with Large Language Models

★ 338 2026-08-09
superpowers-zh 开源

全套 AI 编程神技汉化好了，照着用就行。

AI 编程超能力 · 中文增强版 — superpowers（250k+ ⭐）完整汉化 + 4 个中国原创 skills···

★ 8188 2026-08-09
crystal 开源

多个 AI 同时写不同功能，互不干扰齐头并进。

(Crystal is now Nimbalyst) Run multiple Codex and Claude Code AI sessions in paralle···

★ 3121 2026-08-09