design.md

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

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

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 70

维护状态低维护

是否开源是

定价模式 free

项目预览

项目数据

分类设计创意

开发团队sunil-dsb

所属国家

官网地址https://design-md-1047885385938.asia-south2.run.app

GitHubhttps://github.com/sunil-dsb/design.md

定价模式free

价格说明开源项目，MIT许可证，完全免费，可自行部署使用。

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型ai-design,ai-design-tool,awesome-lists,chrome,claude-design,code-quality,compiler,css,design,design-md,design-system,design-tokens,google-stitch,md-file,md-file-generator,npm,react-native,tailiwindcss,vibe-coding,vibe-design

GitHub 星标★ 70

30天Star增速

HF 下载量

上线时间2026-05-11 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数6

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

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

不足之处

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

适用场景

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

替代项目

Style Dictionary、Themer、Figma Tokens

项目介绍

design.md 是设计创意领域的开源项目，由 sunil-dsb 开发，是 2026 年新上线的项目。

它收录于设计创意分类，该分类目前共有 165 个项目，GitHub 星标数为 70。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-05-19。MIT许可证，完全免费，可自行部署使用。从国内网络环境看，可用性暂无实测数据。

它主要面向的使用场景是：前端开发快速搭建项目设计基础。同类可对比的替代方案包括 Style Dictionary、Themer、Figma Tokens。

上一篇：fudge-design-md

下一篇：awesome-nano-banana