AI Design News
←No. 041No. 043→
Tuesday, June 30, 2026·Issue 042
Today's brief from the design horizon

设计思维新境界 AI赋能下的设计挑战。

探讨AI如何重塑设计实践与用户体验。

随着Vercel AI Gateway的更新和Figma的新功能,设计和工程的界限愈发模糊,而AI对用户体验和产品设计的影响也日益凸显。

GitHub Trending · Daily·137 days ago

video-use 开源:扔素材进文件夹,Claude Code 出成片

browser-use/video-use

browser-use 团队开源 video-use,让 Claude Code 等 AI Agent 自动完成粗剪、调色、字幕烧录与动画叠加。创作者只需把素材丢进文件夹、自然语言对话即可出片,将视频后期纳入 Agent 工作流,对需要批量产出演示或教程的设计师极具实操价值。

✎ Author's take
video-use 是一个自动化视频编辑工具,允许 AI Agent 完成视频粗剪、调色、字幕烧录和动画叠加,适合需要批量视频产出的设计师。
Continue at github.com
Lenny's Newsletter·138 days ago

Gusto CTO:弃用 Figma 与 Jira,用 Claude Code 10 周构建新产品

No Figma. No Jira. No docs. How Gusto built a new product line with Claude Code | Eddie Kim (CTO)

Gusto CTO Eddie Kim 带领 4 人团队,在 10 周内从零构建 AI 产品 Gusto Cofounder,全程弃用 Figma、Jira 和文档。团队采用「垃圾桶 PR」决策法、永久 Zoom 房间和 eval-first 工作流,甚至让无工程背景的设计师产出 94th percentile 的代码,展示了 AI 原生团队的最小协作范式。

✎ Author's take
这是目前最有分量的 AI 原生团队实战样本——不是初创公司的 hackathon,而是年收 10 亿美元公司的 CTO 亲自下场。Figma 和 Jira 被直接砍掉,设计师用自然语言直接产出生产级代码,传统设计交付链路正在崩塌。别把它当奇闻轶事,这是你未来 6 个月的工作预览:设计工程师的核心竞争力,将从「画得好」转向「说得清」。
Continue at lennysnewsletter.com
Vercel·138 days ago

Vercel AI Gateway 支持实时语音代理

Build realtime voice agents on AI Gateway

Vercel AI Gateway 新增音频/语音能力,集成 OpenAI 与 xAI 实时模型。借助 AI SDK 7 的 useRealtime hook 与 WebSocket,前端可直接在浏览器内实现低延迟、可中断的端到端语音对话,且无需将 API 密钥暴露给客户端。语音交互原型的开发门槛被显著拉低。

✎ Author's take
对设计师和产品工程师来说,语音交互不再是后端团队的专属领域。Vercel 这套方案让前端直接拉起一个带中断、低延迟的语音对话界面变得像接文本 API 一样简单——你应当立刻拿它去测一测你产品的 hands-free 场景,看看用户是更愿意说还是愿意点。
Continue at vercel.com
Vercel·138 days ago

xAI Grok 音频模型上线 Vercel AI Gateway

xAI Grok audio models now available on Vercel AI Gateway

xAI 的三款音频模型(实时语音 grok-voice-think-fast-1.0、TTS、STT)正式接入 Vercel AI Gateway,开发者可通过 AI SDK 7 直接调用。Vercel 提供了 Token 路由示例、浏览器组件 hook 及在线 Playground,意味着设计工程师能在几分钟内为原型或产品添加语音交互能力,无需自建音频基础设施。

✎ Author's take
语音交互正从彩蛋变基础层。Vercel 把 xAI 实时语音、TTS 和 STT 统一打包进 AI Gateway,设计工程师可直接在 Next.js 原型里接入低延迟语音对话,用同一套路由监控管理文本与音频模型。语音原型成本趋近于零,建议立刻去 Playground 测试 grok-voice-think-fast-1.0 的延迟。
Continue at vercel.com
Simon Willison·137 days ago

网页表格提取转换器

HTML table extractor

Simon Willison 发布了一款浏览器工具,可直接粘贴含表格的网页富文本,自动识别并导出为 HTML、Markdown、CSV、TSV 或 JSON。对经常需要从网页抓取结构化数据做调研或文档整理的设计师与工程师来说,它能省去大量手动格式化的时间。

✎ Author's take
竞品调研和用户研究里最耗时的永远是格式清理。Simon 这个提取器把网页表格到 Markdown/CSV 的路径压缩成一次复制粘贴,对需要快速整理数据原型的设计工程师来说,比很多臃肿的爬虫工具更顺手。虽只是单点提效,但即开即用的体验正是当下设计工具该有的样子。
Continue at simonwillison.net
Vercel·138 days ago

Vercel CLI 支持直接查询 Speed Insights 性能指标

Query Speed Insights from the Vercel CLI

Vercel CLI 新增 Speed Insights 查询命令,支持直接拉取 LCP、INP、CLS 等基于真实用户流量的核心性能指标。开发者可在终端快速排查页面性能回归,也可将 CLI 权限开放给 Coding Agent,让 AI 自动回答诸如「首页在亚洲的感知速度如何」这类问题。

✎ Author's take
对设计工程师来说是实用更新。性能优化不再是埋点后等面板加载,而是直接命令行调取真实用户数据,能写进 CI/CD 或交给 Agent 做自动化性能巡检。不过如果你不用 Vercel 部署,这条可直接跳过。
Continue at vercel.com
UX Collective·138 days ago

Figma的存亡之问:AI时代画布还是中心吗

Rethinking Figma, the cost of low taste, your banking app is lying to you

UX Collective最新周报聚焦Figma在AI时代的战略转型,指出Config 2026显示Figma正从协作画布向代码、动效及AI代理工作流扩张。这一转型暴露了其传统模式的深层压力,迫使设计师重新思考:当AI改变产品规划与交付方式,Figma是否仍将处于设计工作的引力中心?

✎ Author's take
Figma的扩张恰恰暴露了焦虑:当AI能直接生成代码和原型,静态画布的价值正在稀释。对设计工程师而言,工具链即将洗牌,与其固守Figma插件生态,不如开始实验AI原生工作流。UX Collective把「Figma能否存活」摆上台面,说明行业默认选项已经动摇。
Continue at uxdesign.cc
UX Collective·138 days ago

AI 会让强迫症恶化吗?

Can AI make OCD worse?

作者以确诊 OCD 患者的一手经历指出,AI 聊天机器人永远在线、永不拒绝的特性,正成为强迫性“寻求确认”行为的无限燃料,让患者的强迫循环更难打破。文章将临床心理学与产品设计交叉,提醒 AI 从业者:最友好的交互设计对脆弱群体可能是有害的。

✎ Author's take
所有做 AI 对话产品的设计师都该读这篇。我们引以为傲的“永远可用、永远耐心”的 UX,对 OCD 等焦虑症患者来说,可能正是最恶毒的成瘾机制。好的产品设计不应该是无限满足,有时必须学会说“不”——在患者凌晨 2 点反复确认时,切断循环比提供答案更重要。
Continue at uxdesign.cc
GitHub Trending · Daily·137 days ago

GitHub 热榜 system-design-101:图解复杂系统面试指南

ByteByteGoHq/system-design-101

ByteByteGo 的 system-design-101 仓库登上 GitHub Trending,以可视化方式拆解 API、负载均衡、HTTP/2、gRPC 等复杂系统概念。对需要理解技术底层的设计工程师而言,这是一份能直接查阅的协作语境手册,帮助在与后端、基础设施团队沟通时减少信息差。

✎ Author's take
system-design-101 仓库以可视化方式拆解复杂系统概念,帮助设计工程师理解技术底层。
Continue at github.com
Sidebar·138 days ago

我记录了十年间点过的“已读用户协议”

Ten years of Terms and Conditions

作者耗时十年记录自己在电脑和手机上每一次勾选“已阅读用户协议”的实例,用长期数据揭示数字产品同意机制的形式化与荒诞。这份个人审计不仅戳破了隐私政策的UX假象,也迫使设计师重新审视注册流程里的强制同意机制。

✎ Author's take
这是每位产品设计师都该看的“同意疲劳”十年病历。当你把用户协议设计成必须勾选却无人阅读的废话时,本身就是UX失职——它暴露了形式合规与真实行为的断裂,比任何可用性测试都更有力地证明:注册流程里的强制同意机制需要被重新设计,而不是继续用暗黑模式糊弄用户。
Continue at henryach.com
UX Collective·137 days ago

Figma 让设计系统债务人人可见,现在用它

Figma just made your design system debt everyone’s problem. Now use it.

Figma Check designs 功能将设计系统违规数量显性化,让原本只对维护者可见的组件漂移与令牌混乱变成了一张人人能看的成绩单。这改变了设计系统工作在路线图谈判中的弱势地位,技术债务从可忽略的背景噪音变成了无法回避的集体责任。

✎ Author's take
设计系统维护者终于不用在规划会上当悲情主角了。当技术债务被量化成一屏红色数字,决策者的「看不见」借口就失效了。但工具只是把战场搬到画布上,真正的硬仗是你要用这些数字重新谈判资源,而不是等着别人良心发现。
Continue at uxdesign.cc
Sidebar·138 days ago

Atomic Design:拆分原子还是吹毛求疵

Splitting atoms & splitting hairs

Atomic Design 曾推动设计思维从页面转向组件,但作者认为其化学隐喻已成包袱。如今组件化日趋成熟,设计师无需继续拘泥于原子、分子等教条分类,应放下这套元素周期表,寻找更务实的组件组织方式。

✎ Author's take
Atomic Design 已从启发框架沦为设计枷锁。当分类法凌驾于工作流,为了原子而原子便是吹毛求疵。设计工程师早该扔掉元素周期表,用更务实的组件组织方式替代教条层级。
Continue at renderghost.leaflet.pub
Simon Willison·138 days ago

Ornith-1.0 发布:自脚手架编程 Agent 模型开源

Ornith-1.0: Self-Scaffolding LLMs for Agentic Coding

DeepReinforce 开源编码模型 Ornith-1.0,基于 Gemma 4 与 Qwen 3.5,提供 9B 至 397B MoE 多档尺寸,编码基准达开源 SOTA。Simon Willison 实测 35B 版本,称其在多轮工具调用与代码库理解上表现优异,且可本地部署。对常写代码做原型的设计工程师,这是可本地运行的高能力编程 Agent 新选择。

✎ Author's take
本地可部署的编程 Agent 让设计工程师摆脱闭源服务依赖,但 35B 模型需 20GB+ 显存,门槛不低。这仍是底层模型而非即开即用的设计工具,除非日常写代码做原型,否则没必要自己跑,等集成进 Cursor 或 v0 更实际。
Continue at simonwillison.net
Lenny's Newsletter·138 days ago

GLM-5.2 实测:开源模型已能替代 Claude Opus

🎙️ How I AI: GLM-5.2 review & How Gusto built a new product line with Claude Code

Claire 在真实代码库中对 Z.ai 开源模型 GLM-5.2 进行实测,发现其在代码审计、UI 重构和自主抓虫等任务中表现接近 Claude Opus,且具备百万 token 上下文与完整工具链支持。文章指出开源权重模型已具备生产级能力,团队可通过自托管摆脱单一供应商绑定。

✎ Author's take
开源权重模型追上闭源巨头是设计工程师最该关注的权力转移。GLM-5.2 的实测意味着你可以本地运行、自主微调、随时切换供应商——不再被 Anthropic 或 OpenAI 的定价与政策绑架。如果你仍把所有代码工作流押在单一闭源 API 上,现在是时候重新评估供应商风险了。
Continue at lennysnewsletter.com
GitHub Trending · Daily·137 days ago

LingBot-Map 流式3D重建基础模型开源

Robbyant/lingbot-map

LingBot-Map 是一个前馈式3D基础模型,专注于从流式视频数据实时重建三维场景。它通过 Geometric Context Transformer 整合坐标定位与几何线索,支持超过 10,000 帧的长序列稳定推理,并提供交互式 Demo 与离线渲染管线,为长时程空间计算提供了新的开源方案。

✎ Author's take
lingbot-map 是一个专注于从视频数据实时重建三维场景的 3D 基础模型,它通过整合坐标定位与几何线索来实现长序列稳定推理,为空间计算提供了新的开源解决方案。
Continue at github.com
GitHub Trending · Daily·137 days ago

FluidVoice 1.6:零延迟 macOS 本地 AI 听写

altic-dev/FluidVoice

FluidVoice 1.6.0 上线,主打完全本地运行的 macOS 语音转文字,新引入 Fluid Intelligence 实现零延迟听写与智能格式化,无需联网或 API 密钥。项目开源且支持 Homebrew 一键安装,数据不出本机,对注重隐私的创作者是即装即用的语音输入替代方案。

✎ Author's take
FluidVoice 1.6.0 是一款完全本地运行的 macOS 语音转文字工具,新引入 Fluid Intelligence 实现零延迟听写与智能格式化,适合注重隐私的创作者。
Continue at github.com
开源趋势 · Open Source
§GitHub Rank— 今日开源趋势
01GitHub Trending · Daily·139 days ago

SimpleX Chat:无标识符的隐私消息应用

simplex-chat/simplex-chat

SimpleX Chat 是一款主打绝对隐私的开源消息应用,通过无用户标识架构与双重加密实现端对端通讯,近日登上 GitHub Trending,支持 iOS、Android 及桌面端。但对产品设计师与 AI 设计师而言,这属于消费者通讯工具,不含可复用的设计系统、界面工程方案或面向创作者的 AI 功能,对工作流无直接参考价值。

✎ Author's take
SimpleX Chat是一款主打隐私的开源消息应用,通过无用户标识架构与双重加密实现端对端通讯,对产品设计师与AI设计师而言属于消费者通讯工具,不含可复用的设计系统或AI功能。
Continue at github.com
02GitHub Trending · Daily·139 days ago

free-for-dev 运维免费资源清单

ripienaar/free-for-dev

这个长期维护的 GitHub 仓库汇总了面向 DevOps 和基础设施开发者的免费 SaaS、PaaS 与 IaaS 服务层。虽然主要受众是运维人员,但设计工程师仍可从中翻找免费的前端托管、CI/CD 或低代码平台资源。

✎ Author's take
汇总面向DevOps和基础设施开发者的免费SaaS、PaaS与IaaS服务层,虽主要面向运维人员,设计工程师也可从中找到资源。
Continue at github.com
03GitHub Trending · Daily·139 days ago

openpilot 机器人系统登 GitHub Trending

commaai/openpilot

openpilot 是一套开源机器人操作系统,目前可为 300 余款车型升级驾驶辅助系统。此次登上 GitHub Trending 的仍是常规版本更新与安装说明,内容围绕汽车硬件适配和软件分支展开,并未提供产品设计师或设计工程师可直接复用的工具、模板与界面资源。

✎ Author's take
openpilot 是一个开源机器人操作系统,支持为多种车型升级驾驶辅助系统,此次更新主要围绕汽车硬件适配和软件分支,对产品设计师或设计工程师无直接参考价值。
Continue at github.com
04GitHub Trending · Daily·140 days ago

AI Berkshire:Claude Code 价值投资框架

xbtlin/ai-berkshire

该仓库是一套基于 Claude Code 的 AI 投资研究框架,将巴菲特、芒格、段永平、李录的价值投资方法论封装为结构化 Skill,通过多 Agent 对抗分析强制输出明确的投资结论(通过/不通过/观望),并附带了两年实盘收益记录。

✎ Author's take
ai-berkshire是一个基于Claude Code的AI投资研究框架,将价值投资方法论封装为结构化Skill,对AI投资研究有兴趣的设计师可以参考。
Continue at github.com
05GitHub Trending · Daily·137 days ago

LingBot-Map 流式3D重建基础模型开源

Robbyant/lingbot-map

LingBot-Map 是一个前馈式3D基础模型,专注于从流式视频数据实时重建三维场景。它通过 Geometric Context Transformer 整合坐标定位与几何线索,支持超过 10,000 帧的长序列稳定推理,并提供交互式 Demo 与离线渲染管线,为长时程空间计算提供了新的开源方案。

✎ Author's take
lingbot-map 是一个专注于从视频数据实时重建三维场景的 3D 基础模型,它通过整合坐标定位与几何线索来实现长序列稳定推理,为空间计算提供了新的开源解决方案。
Continue at github.com
06GitHub Trending · Daily·149 days ago

codebase-memory-mcp:让 AI 秒懂百万行代码的内存引擎

DeusData/codebase-memory-mcp

codebase-memory-mcp 是一个高性能 MCP 服务器,通过 Tree-sitter 将代码库索引为持久化知识图谱,实现亚毫秒查询并减少 99% token 消耗。对需要维护设计系统或前端组件库的设计工程师而言,它能让 AI Agent 秒级理解项目结构,告别逐文件探索的低效模式。

✎ Author's take
codebase-memory-mcp 是一个高性能 MCP 服务器,通过 Tree-sitter 将代码库索引为知识图谱,实现快速查询。
Continue at github.com
07GitHub Trending · Daily·137 days ago

CuPy 登 GitHub Trending:GPU 版 NumPy

cupy/cupy

CuPy 是一个兼容 NumPy/SciPy 的 GPU 数组库,支持通过 CUDA 或 ROCm 在 NVIDIA/AMD 显卡上加速 Python 数值计算,并可作为现有 NumPy 代码的直接替代品运行。该项目目前出现在 GitHub 每日 Trending 榜单中。

✎ Author's take
CuPy 是一个兼容 NumPy/SciPy 的 GPU 加速数组库,能在 NVIDIA/AMD 显卡上提升 Python 数值计算性能,适合需要进行大规模数值计算的 AI 工程师使用。
Continue at github.com
08GitHub Trending · Daily·137 days ago

FluidVoice 1.6:零延迟 macOS 本地 AI 听写

altic-dev/FluidVoice

FluidVoice 1.6.0 上线,主打完全本地运行的 macOS 语音转文字,新引入 Fluid Intelligence 实现零延迟听写与智能格式化,无需联网或 API 密钥。项目开源且支持 Homebrew 一键安装,数据不出本机,对注重隐私的创作者是即装即用的语音输入替代方案。

✎ Author's take
FluidVoice 1.6.0 是一款完全本地运行的 macOS 语音转文字工具,新引入 Fluid Intelligence 实现零延迟听写与智能格式化,适合注重隐私的创作者。
Continue at github.com
09GitHub Trending · Daily·140 days ago

GitHub热榜 MinerU:PDF/Office 一键转 LLM-ready Markdown

opendatalab/MinerU

MinerU 是面向 LLM 工作流的高精度文档解析引擎,可将 PDF、Office 文档及图片转为结构化 Markdown / JSON。它提供 MCP Server 直接接入 Cursor 与 Claude Desktop,也原生支持 LangChain、Dify 等框架,对需要处理设计文档和竞品资料的设计工程师而言,是即插即用的生产力工具。

✎ Author's take
MinerU 是一个高精度文档解析引擎,可将多种格式文档转为结构化数据,支持接入多种框架和应用。
Continue at github.com
10GitHub Trending · Daily·138 days ago

Vibe-Trading 个人交易代理

HKUDS/Vibe-Trading

香港大学数据科学实验室开源的 AI 交易代理,支持通过自然语言驱动股票分析与自动交易,集成 Shadow Account 回测与 MCP API。对设计师受众而言属于跨领域金融工具,无直接实操价值。

✎ Author's take
Vibe-Trading 是香港大学数据科学实验室开源的 AI 交易代理,支持自然语言驱动的股票分析与自动交易。
Continue at github.com
11GitHub Trending · Daily·137 days ago

GitHub 热榜 system-design-101:图解复杂系统面试指南

ByteByteGoHq/system-design-101

ByteByteGo 的 system-design-101 仓库登上 GitHub Trending,以可视化方式拆解 API、负载均衡、HTTP/2、gRPC 等复杂系统概念。对需要理解技术底层的设计工程师而言,这是一份能直接查阅的协作语境手册,帮助在与后端、基础设施团队沟通时减少信息差。

✎ Author's take
system-design-101 仓库以可视化方式拆解复杂系统概念,帮助设计工程师理解技术底层。
Continue at github.com
12GitHub Trending · Daily·137 days ago

Strix:开源 AI 自动渗透测试工具

usestrix/strix

Strix 是一套自主 AI Agent,能动态运行代码、执行 PoC 验证来自动发现应用漏洞,并支持 GitHub Actions 与 CI/CD 集成。它面向开发者与安全团队,虽在 DevSecOps 场景有实用性,但对设计师日常工作流无直接关联。

✎ Author's take
Strix 是一个自动发现应用漏洞的 AI Agent,支持动态代码执行和 PoC 验证,适用于 DevSecOps 场景,与设计师工作流无直接关联。
Continue at github.com
13GitHub Trending · Daily·137 days ago

video-use 开源:扔素材进文件夹,Claude Code 出成片

browser-use/video-use

browser-use 团队开源 video-use,让 Claude Code 等 AI Agent 自动完成粗剪、调色、字幕烧录与动画叠加。创作者只需把素材丢进文件夹、自然语言对话即可出片,将视频后期纳入 Agent 工作流,对需要批量产出演示或教程的设计师极具实操价值。

✎ Author's take
video-use 是一个自动化视频编辑工具,允许 AI Agent 完成视频粗剪、调色、字幕烧录和动画叠加,适合需要批量视频产出的设计师。
Continue at github.com