design-systems

一个新的秘密工具与 Codex 配合，自动化了整个从 Figma 到代码的流程，将原本需要数周的设计系统构建压缩到 30 分钟的工作流中，生成与设计完全匹配的生产代码。

Open Design 正式发布全新官网，集成了全部资源，包括265套视觉模板、150多套 Design Systems 和50+精选教程。

Google引入了DESIGN.md，这是一种格式规范，将YAML前端设计令牌与Markdown散文相结合，为编码代理提供对设计系统的结构化理解。

本文介绍了新的CSS `contrast-color()`函数，该函数允许开发人员自动选择黑色或白色文本，以实现与任何背景颜色的可访问对比度，解决网络上长期存在的低对比度问题，而无需依赖JavaScript。

认为丑陋的AI应用UI是由于缺少结构化的设计系统，而非AI本身。推荐使用Moonchild创建基于token的组件，让Codex能够读取以实现一致的界面。

作者评测了7个开源PPT Skill项目，指出AI生成PPT丑的核心原因是缺乏正确的审美约束系统，这些项目通过编译审美规则来提升AI生成PPT的设计质量，并分别介绍了各自的特点和适用场景。

The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.

Google open-sourced Design.MD, an AI-readable design-spec format that enforces human-team-level consistency and WCAG compliance, letting models import/export specs without guesswork.

Google 将 DESIGN.md 草案规范开源，让各智能体与工具跨项目共享设计规则。

一款即插即用的设计系统工具，让 AI 编程代理直接读取并使用基于 Figma 的设计系统。

Flomerboy 来自 Anthropic 的 verticals 团队，分享了如何最大化利用 Claude Design 的技巧，强调先建立设计系统和核心页面的重要性。