design-systems

标签

Cards List
#design-systems

CSS Zen Garden梦想,终于发布

Hacker News Top ↗ · 2026-09-15 缓存

本文详细描述了使用现代、原生CSS(无需预处理器)重建Firefox.com的过程,展示了从CSS Zen Garden概念到实用、生产就绪的Web开发的演进。

0 人收藏 0 人点赞
#design-systems

@chunxiangai: 停止使用 "弹出窗口"、"下拉菜单"、"闪存加载" 和 "菜单栏" 来讨论 UI/UX 开发……

X AI KOLs Timeline ↗ · 2026-09-15 缓存

该推文建议 UI/UX 开发者在与 AI 沟通组件时使用精确术语,并推广 The Component Gallery 作为界面组件的综合参考。

0 人收藏 0 人点赞
#design-systems

@rauchg: 只有当你为智能体配备了良好的证明检查器、编译器、类型系统和代码检查工具时,它们才能发挥最大效用。shadcn/lint…

X AI KOLs Timeline ↗ · 2026-09-14 缓存

Guillermo Rauch 讨论了代码检查工具和编译器对AI智能体的重要性,重点介绍了shadcn/lint的发布——这是一个专为Tailwind设计系统打造的智能体优先的代码检查工具,帮助智能体遵守设计规则。

0 人收藏 0 人点赞
#design-systems

@yaohui12138: 之前看乔木老师做了一个超详细的前端设计 Skill 测评!! 我根据他的测试结果 + 自己的实际使用,把这些 Skill 分成了三个档位: 第一档:视觉冲击型(适合营销页、作品集) frontend-design 核心特点:反 gener…

X AI KOLs Timeline ↗ · 2026-09-03 缓存

这篇文章详细评测了多种前端设计AI技能,将其分为视觉冲击型、工程规范型和细节打磨型三个档位,并提供了安装链接和使用建议。

0 人收藏 0 人点赞
#design-systems

@tranmautritam: 获取 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍 的最佳网站。稍后保存 - http://styles.refero.design - http://designmd.me - http://…

X AI KOLs Timeline ↗ · 2026-09-02 缓存

一条推文列出了为 AI 代理获取 DESIGN.md 文件和资源的顶级网站,包括设计系统和示例。

0 人收藏 0 人点赞
#design-systems

@AdhamDannaway:来自全球顶级产品的2000个DESIGN.md文件。为模型阅读和学习而结构化。颜色、字体、间距、布局……

X AI KOLs Timeline ↗ · 2026-08-28 缓存

本文介绍了一个免费资源,包含来自领先产品的超过2000个DESIGN.md文件,这些文件为AI模型学习设计元素(如颜色、字体和布局)而结构化,旨在提升AI代理的设计能力。

0 人收藏 0 人点赞
#design-systems

Balsa UI

Product Hunt ↗ · 2026-08-18

Balsa UI 是一款用于创建设计系统并使用智能体构建工具的工具,已在 ProductHunt 上展示。

0 人收藏 0 人点赞
#design-systems

Flutter 3.47 新特性

Lobsters Hottest ↗ · 2026-08-13 缓存

Flutter 3.47 引入了独立的 material_ui 和 cupertino_ui 包,默认在桌面上启用 Impeller 渲染,为即将到来的 iOS 和 macOS 工具链更新做好准备,并稳定了 Flutter Widget Previews。

0 人收藏 0 人点赞
#design-systems

@dabit3:已经是2026年了,别再发布设计垃圾了。只需5分钟就能克隆并使用世界上任何设计系统,配合@figma MCP…

X AI KOLs Timeline ↗ · 2026-08-10 缓存

Nader Dabit 强调,借助 Figma MCP,开发者可以在大约5分钟内克隆并使用任何设计系统,呼吁在2026年终结“设计垃圾”。

0 人收藏 0 人点赞
#design-systems

@TheTechDiggest: [UI/UX - 设计系统与组件清单] 忘记关键交互状态、移动端边缘情况或UX微细节…

X AI KOLs Timeline ↗ · 2026-08-08 缓存

重点介绍Checklist Design,这是一个提供UI/UX组件逐步检查清单的资源,以避免遗漏交互状态和移动端边缘情况。

0 人收藏 0 人点赞
#design-systems

仅用代码的设计系统 - 不借助外部图像,Ling-3.0-flash 生成的网页涵盖了包豪斯、波西米亚、酸性设计等多种风格——利用 CSS 渐变、SVG 路径、排版和布局来保留每种视觉语言。

Reddit r/LocalLLaMA ↗ · 2026-08-04

Ling-3.0-flash 的权重现已在 MIT 许可下开放下载(约 128GB FP8),展示了仅用纯代码(CSS 渐变、SVG 路径、排版和布局)生成多种设计风格网页的能力,无需外部图像。

0 人收藏 0 人点赞
#design-systems

渐进式 Web Components

Hacker News Top ↗ · 2026-07-31 缓存

Ariel Salminen 介绍了 Elena,一个 2.6kB 的开源库,用于构建渐进式 Web Components,这些组件无需 JavaScript 即可渲染 HTML 和 CSS,并逐步增强。文章解释了该方法背后的设计理念和分类法。

0 人收藏 0 人点赞
#design-systems

从设计计算机科学卡片中学到的图形设计心得

Hacker News Top ↗ · 2026-07-15 缓存

一位软件工程师回顾了设计一副54张卡片(Algodeck)的过程,该卡片将计算机科学概念提炼为易于理解的插图,并分享了关于图形设计和软件工程如何通过系统思维解决问题的见解。

0 人收藏 0 人点赞
#design-systems

@rauchg: 深入探讨如何利用你自己的设计系统,在……中生成设计、原型、前端和全栈应用

X AI KOLs Following ↗ · 2026-07-10

深入探讨如何利用你自己的设计系统,通过v0生成设计、原型、前端和全栈应用,并强调更快的模型如何改善体验

0 人收藏 0 人点赞
#design-systems

文档还躺在老妈的档案柜里

Hacker News Top ↗ · 2026-07-07 缓存

本文批评了基于文件夹的传统文档组织方式,认为这种方式无法捕捉知识之间的互联性,尤其是与使用属性和语义而非物理位置进行检索的现代AI系统相比,其局限性更为明显。

0 人收藏 0 人点赞
#design-systems

有人真正解决了AI生成的UI在会话之间漂移的问题吗?好奇人们如何为编码代理构建设计规则

Reddit r/AI_Agents ↗ · 2026-06-27

一位开发者探讨了为什么AI编码代理在不同会话中生成不一致的UI,并比较了自然语言规则文件、Tailwind配置以及Google Labs的design.md等结构化标记规范等解决方案,寻求实际有效的反馈。

0 人收藏 0 人点赞
#design-systems

@rauchg: "Can @v0 use my design system?" 你问过。现在答案是:@v0 可以使用你的产品所用的完全相同的组件…

X AI KOLs Following ↗ · 2026-06-25 缓存

v0 现在可以使用来自你设计系统的完全相同的组件,支持从 GitHub、npm、Storybook、Figma 等导入。已通过 Microsoft Fluent、Shopify Polaris、IBM Carbon、Palantir Blueprint 和 Vercel Geist 测试。

0 人收藏 0 人点赞
#design-systems

@PrajwalTomar_:Codex 与这个新的秘密工具配合,彻底改变了设计系统的构建方式。看这个。左边是设计。代码…

X AI KOLs Following ↗ · 2026-06-20 缓存

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

0 人收藏 0 人点赞
#design-systems

@JoyLi629: 正式发布Open Design全新官网全部使用 Open Design 设计 网站集成了Open Design 全部资源,包含项目中的全套265 视觉模板和 150 多套 Design Systems,以及 50+ Open Design…

X AI KOLs Timeline ↗ · 2026-06-14 缓存

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

0 人收藏 0 人点赞
#design-systems

@trevin: 如果你在仓库中添加DESIGN.md,请遵循Google规范。虽然用文字描述你的设计系统…

X AI KOLs Timeline ↗ · 2026-06-10 缓存

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

0 人收藏 0 人点赞
Next →
← 返回首页

提交意见反馈