网页设计资源库
OpenDesign 是一个开放的网页美学资源库,目标不是简单展示灵感图,而是把优质网站拆解成 AI 可学习、可迁移的设计语料。每个收录条目都会附带 Markdown 设计系统规范,用于描述视觉、布局、交互、动效等要素,并可复制给 Claude、Cursor、v0 等 AI 工具生成或改造同气质网页。
它的核心是双文档设计包:一份是兼容 Google Stitch 的 DESIGN.md,包含 YAML 设计 tokens 与 8 章 Markdown 正文;另一份是 OpenDesign 自有的 DESIGN_SPEC,多语言展开 11 层 Tokens,覆盖身份、颜色、字体、间距、表面、布局、组件、动效、交互、文案与禁用清单。完整包还可包含 computed styles、fonts.json、summary.json 和 17 张滚动证据截图,支持 ZIP、Agent URL、JSON 等方式导出。
正文未出现收费方案,项目强调开放复用和开源:前端、抽取 CLI、Edge Function 与所有 spec 在 GitHub,代码采用 MIT,curated specs 采用 CC BY 4.0。协作层面更偏开源与轻量个人使用:用户可 fork、改进、提名新站,也可站内提交收录请求;收藏保存在浏览器并有云端备份,通过同步码跨设备迁移,无需账号。但未看到团队空间、权限管理、评论审阅等成熟协作功能。
优点是结构化强、AI 友好、导出格式明确,并且兼容 Google Stitch 与主流 AI 编程/生成工具;5 语言规范对非英语团队也较友好。限制在于资源库规模未披露,部分完整设计系统包需要请求生成,预览刷新后不持久化,服务支持主要依赖 GitHub 和邮件信息。它适合设计师、前端开发者、AI Agent 用户、产品团队做风格参考、网页重构和设计系统学习。
根据正文无法判断 opendesign.cc 在中国大陆是否可直连,故标记为未知。需要注意的是,GitHub、Claude、Cursor、v0、Google Stitch 等相关外部生态在国内可能存在网络或账号支付限制。若只是寻找网页灵感,可补充使用 Mobbin、Land-book、Awwwards、Godly.website、Figma Community 等;若强调 AI 可读设计规范,OpenDesign 的定位更垂直。
本测评基于公开资料整理,不构成购买建议,请以 opendesign.cc 官网实际信息为准。
把优秀网页拆成可复用Markdown设计规范。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。