AI 资源库 · 已整理 4 项
查看与设计系统相关的 AI 资讯、工具、Skill、工作流和开源项目。
作者 Daniel Curtis 提出，AI 代码生成正在改变前端组件复用的经济账。过去团队要花钱维护一套共享的 UI 组件包，现在只要把设计系统、设计令牌、规范和测试准备好，让模型按需生成标准界面即可，维护整套组件库的必要性因此下降。他的建议是别丢掉设计系统和测试这些真正保证一致性的核心，而是把组件从“预先做好反复用”转向“按需再生成”。文章只是观点文章，没有给出具体工具、数据或落地案例。
提供的材料未提及具体可用工具。
Dynatrace 对所有应用做了一次界面改版，用户打开应用就会发现外观变了。过去界面层次感偏重、深色模式对比度不够，状态和图表颜色也不容易区分。这次改版减少了页面表面的视觉堆叠，改善了深色模式对比度，让颜色更鲜明、更易区分，并新增图表主题配色；由于所有应用共用 Strato 设计系统，改版同一天覆盖全部应用，用户和开发团队都不用做任何操作。此外还能直接输入值来筛选而无需先查字段名，并可跨应用复制粘贴时间范围。
langchain-ai/macaw-design-system · Shared design system for LangChain products
Macaw 是 LangChain 产品套件共用的设计系统仓库，包含 React 组件库、框架无关的主题令牌、图标、辅助工具与面向编码 Agent 的文档。它提供组件、样式与令牌包，并附带 CLI 用于组件检索与 Agent 脚手架，帮助开发者与编码 Agent 统一构建界面。
GitHub 把网站样式的写法从“CSS-in-JS”换成了原生 CSS Modules。原来样式要在浏览器或服务器运行时现场生成，组件一多页面就变慢、更新也难控制。他们先把设计系统 Primer 的组件逐个换掉，用开关控制新旧样式切换、用截图对比确保外观不变，再逐步放量；2024 年 12 月全部换完，页面服务端渲染时间少了 55%，组件初始化时间少了 25%。此后 GitHub 还在继续清理旧写法，让网站更快。