fudge-design-md

抓取真实网站,一键生成设计规范文档

Fudge Design MD 是一个基于真实网站参考生成 DESIGN.md 设计指南的开源工具。它由 Fudge 捕获真实网站的视觉和交互细节,自动生成结构化的设计文档,帮助设计师和开发者快速理解并复用优秀的设计模式。该项目解决了从零开始撰写设计规范耗时费力的问题,通过自动化提取真实案例中的设计元素,生成包含颜色、字体、布局等关键信息的指南。核心能力包括:从指定网站抓取设计数据、生成 Markdown 格式的设计文档、支持自定义模板和样式。目前项目处于早期阶段,代码库以 JavaScript 为主,适合对设计系统自动化感兴趣的技术团队探索。

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

项目数据

分类设计创意
开发团队scroobius-pip
所属国家
定价模式free
价格说明开源项目,MIT许可证,完全免费,无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型ai-design,awesome-list,design-md,design-system,design-tokens,figma,figmadesign,google-stitch,landing-page,vibe-coding,vibecoding,website-design
GitHub 星标★ 103
30天Star增速
HF 下载量
上线时间2026-07-27 00:00:00
最近更新2026-09-25 00:00:00
维护状态维护中
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数5

使用教程

核心亮点

  • 自动化提取真实网站的设计元素,节省人工整理时间
  • 生成 Markdown 格式,易于版本管理和团队协作
  • 基于真实案例,设计指南更具参考性和实用性

不足之处

  • 项目处于早期,文档和社区支持待观察
  • 依赖 Fudge 捕获数据的准确性和完整性

适用场景

  • 设计师快速调研竞品设计风格
  • 开发团队为项目生成初始设计规范
  • 设计系统维护者自动化更新设计文档

替代项目

Style Dictionary、Design Tokens、Figma Tokens

项目介绍

fudge-design-md 是设计创意领域的开源项目,由 scroobius-pip 开发,是 2026 年新上线的项目。

它收录于设计创意分类,该分类目前共有 163 个项目,GitHub 星标数为 103。

项目仍在小幅维护中,最近一次代码更新于 2026-09-25。MIT许可证,完全免费,无付费版本。

它主要面向的使用场景是:设计师快速调研竞品设计风格。同类可对比的替代方案包括 Style Dictionary、Design Tokens、Figma Tokens。

上一篇:awesome-claude-design

下一篇:design.md

同类项目推荐

open-design 开源

让 AI 代工做界面,本地跑完随手改

Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···

★ 98179 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 132993 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 126 2026-08-09
ChatGPT-MidJourney-prompt 开源

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

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

★ 343 2026-08-09