Design-Learn 是设计创意领域的开源项目，由 GalaxyXieyu 开发，2025 年首次发布。
它收录于设计创意分类，该分类目前共有 163 个项目，GitHub 星标数为 172。
项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-03。MIT许可证，完全免费，无付费版本。
它主要面向的使用场景是：前端开发时快速参考竞品或灵感网站的设计风格。同类可对比的替代方案包括 Figma Tokens、Style Dictionary、Theo。
Design-Learn
把参考网站的设计风格，一键变成 AI 可用的规则。
Design-Learn 是一个帮助 AI 编程工具从参考网站中提取设计语言（如颜色、字体、间距、布局等）并转化为可复用规则的开源工具。它解决了 AI 生成代码时视觉风格不匹配的问题，让 AI 能更精准地模仿指定网站的设计风格。核心能力包括自动分析目标网站的 CSS 和视觉元素，提取设计 token，并生成适用于 AI 编码工具的规则文件，从而提升生成界面的还原度。项目目前处于早期阶段，使用 HTML 实现，适合前端开发者、AI 工具使用者以及需要快速搭建风格统一界面的团队。
开源
free
编程开发
GitHub 星标
★ 172
维护状态
低维护
是否开源
是
定价模式
free
项目数据
分类编程开发
开发团队GalaxyXieyu
所属国家
定价模式free
价格说明开源项目，MIT许可证，完全免费，无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言HTML
技术栈/模型ai-coding,chrome-extension,design-system,design-tokens,developer-tooling,mcp,ui-analysis
GitHub 星标★ 172
30天Star增速
HF 下载量
上线时间2025-11-23 00:00:00
最近更新2026-09-03 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数5
使用教程
核心亮点
- 自动提取颜色、字体、间距等设计 token，减少手动整理成本
- 输出规则文件可直接对接主流 AI 编码工具，提升生成界面还原度
- 开源免费，方便二次定制和集成到现有工作流
不足之处
- 项目早期，功能覆盖有限，可能不支持复杂动态网站
- 文档和社区资源较少，上手需要一定技术背景
适用场景
- 前端开发时快速参考竞品或灵感网站的设计风格
- AI 生成 UI 前，先提取目标网站设计规则以统一风格
- 设计系统初始化时，从现有网站反向生成设计规范
替代项目
Figma Tokens、Style Dictionary、Theo
项目介绍
同类项目推荐
open-design
开源
让 AI 代工做界面，本地跑完随手改
Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···
Excalidraw
开源
开源虚拟白板协作工具
Virtual whiteboard for sketching hand-drawn like diagrams
morph
开源
用数据直接生成设计、动画和交互可视化
Morph is a free and open-source tool for creating designs, animations or interactive···
ChatGPT-MidJourney-prompt
开源
输入一句话，AI帮你生成Midjourney完整提示词
This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···