design.md

输入网址，一键生成设计规范与 Tailwind 主题

design.md 是一个从任意网站自动生成 DESIGN.md 设计规范文档、Tailwind 主题配置、设计令牌和提示词的开源工具。它解决了设计师和开发者在项目初期需要手动梳理网站设计风格、颜色、字体等规范的低效问题。通过输入网址，工具会抓取并分析网站的 CSS 样式，提取出色彩、字体、间距等关键设计元素，并生成结构化的 DESIGN.md 文件，同时输出可直接用于 Tailwind CSS 的主题配置和设计令牌，方便开发者快速在项目中复用。此外，它还能生成用于 AI 设计工具的提示词，帮助用户进一步扩展设计灵感。核心能力包括自动化设计分析、多格式输出和与主流前端框架的集成。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 59
维护状态 维护中
是否开源 是
定价模式 free

项目数据

分类设计创意
开发团队sunil-dsb
所属国家
官网地址
GitHubhttps://github.com/sunil-dsb/design.md
定价模式free
价格说明开源项目，MIT许可证，完全免费，可自行部署使用。
访问状态
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型
GitHub 星标★ 59
30天Star增速
HF 下载量
上线时间2026-05-11 00:00:00
最近更新2026-08-05 00:00:00
维护状态维护中
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数0

核心亮点

  • 自动化提取网站设计元素，节省手动整理时间
  • 同时输出 DESIGN.md、Tailwind 主题和设计令牌，覆盖多种使用场景
  • 生成 AI 提示词，辅助后续设计创作

不足之处

  • 文档/社区待观察
  • 对复杂动态网站的设计元素提取可能不完整

适用场景

  • 前端开发快速搭建项目设计基础
  • 设计系统初始化时参考竞品风格
  • 设计师与开发协作时统一设计语言

替代项目

Style Dictionary、Themer、Figma Tokens

项目介绍

design.md 是一个设计创意领域的开源项目，官方简介：Generate DESIGN.md, Tailwind themes, tokens, and prompts from any website.。项目使用 TypeScript 开发，在 GitHub 上获得 59 星标。

上一篇：fudge-design-md

下一篇：awesome-nano-banana

同类项目推荐

ChatGPT-MidJourney-prompt 开源

输入一句话，AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 341 2026-08-09
opendesign 开源

让AI编码有审美，从真实设计系统中学习

1,486 real web design systems, extracted into machine-readable specs. An MCP server ···

★ 64 2026-08-09
Loomic 开源

聊天式无限画布，一句话搞定图像视频设计

Open-source AI canvas design agent — alternative to Lovart / CapCut Video Studio / ···

★ 154 2026-08-09
vsvg 开源

让绘图机用户快速处理 SVG，告别卡顿和格式烦恼

Fast and portable tools for plotter users

★ 155 2026-08-09