AI Design News
No. 037No. 039
Friday, June 26, 2026·Issue 038
Today's brief from the AI engineering frontier

AI设计工程化新纪元 Vercel引领变革

Vercel AI SDK 7发布,标志着Agent工程化升级

Vercel AI SDK 7的发布为设计工程师和AI设计师带来革命性的变化,标准化reasoning和Tool Context权限隔离,使得Agent从demo走向生产成为可能。

Vercel·82 days ago

Vercel AI SDK 7 发布:从模型调用到 Agent 平台

AI SDK 7 is now available

Vercel 发布 AI SDK 7,从早期模型调用工具升级为支持文本、音频、实时、视频的多模态生产级 Agent 平台。新版本引入 Harness 层,可直接接入 Claude Code、Codex 等既有 Agent,并大幅改进了 MCP 集成与流式 UI 的可靠性。对前端与设计工程师而言,这是构建 AI 原生应用的新基准。

✎ Author's take
Vercel AI SDK 是设计工程师搭 AI 原型的默认基础设施,v7 直接从“API 工具包”升格为“Agent 平台”。Harness 层让把 Claude Code、Codex 等成熟 Agent 塞进产品像换组件一样简单。如果你还在用旧版写对话 demo,现在该升级了——但 breaking changes 不少,跑 codemod 前务必备份。
Continue at vercel.com
GitHub Trending · Daily·81 days ago

Google Labs DESIGN.md:coding agent 设计系统规范

google-labs-code/design.md

Google Labs 推出 DESIGN.md 开源格式,通过 YAML front matter 存储色彩、字体、圆角等设计 token,并用 Markdown 记录设计原理与 rationale,让 coding agent 对设计系统获得持久化、结构化理解。这意味着设计师可以把视觉身份直接写进代码仓库,告别反复向 AI 解释品牌规范的低效沟通。

✎ Author's take
Google Labs 提出的设计文档开源格式,通过 YAML 和 Markdown 结合存储设计 token 和记录设计原理,为设计系统与代码仓库的整合提供新方案。
Continue at github.com
Stratechery·82 days ago

Figma CEO 专访:Canvas 是设计与 AI 的交汇点

An Interview with Figma CEO Dylan Field About Design and AI

Stratechery 专访 Figma CEO Dylan Field,回顾 Figma 从 WebGL 协作工具到 IPO 的历程,并深入探讨 AI 战略。Field 反驳市场“AI loser”叙事,认为 AI 是 tailwind,并在 Config 大会提出 Canvas 是设计与 AI 的自然交汇点,为设计师提供了关键的行业认知。

✎ Author's take
对每天打开 Figma 的设计师,这比股价重要:Field 不是在辩护,而是在争夺“AI 时代设计基础设施”的定义权。当市场把 Figma 视为 AI 输家时,他将 AI 重构为 Canvas 上的协作层,直接预示了你未来工作流的智能上下文如何嵌入。
Continue at stratechery.com
Vercel·82 days ago

Vercel 怎么把产品设计教给 Agent

Teaching agents product design at Vercel

Vercel 分享了其 agent-native 团队如何把产品设计决策固化到代码库:通过 SKILL.md 系统,让 AI Agent 不仅复制样式,更理解规范背后的原因。这套三模块框架区分了工作模式并路由到规范来源,解决了 Agent 缺乏设计上下文、越界修改的问题,团队可直接复用。

✎ Author's take
Vercel 作为 v0 的母公司,其 Agent 工作流就是 AI 设计工程的风向标。当多数团队还在头疼 AI 破坏设计系统时,Vercel 直接把设计评审历史写成 SKILL.md 注入上下文。这不是愿景蓝图,而是可落地的约束框架——想让 AI 守住设计质量的团队都该直接抄这套结构。
Continue at vercel.com
Sidebar·82 days ago

AI 体验的分层:从界面到系统底层

The layers of AI experience

文章提出 AI 体验并非止于界面,而是由系统、约束与行为共同构成的多层结构。作者呼吁设计师必须将工作重心从 UI 表层下沉到规则与行为逻辑的设计,否则将无法真正掌控 AI 产品的核心体验。

✎ Author's take
当前 AI 设计界堆砌着界面话术,这篇文章却戳破窗户纸:真正的战场在系统底层。对设计工程师,约束与行为逻辑就是体验本身;对产品设计师,不掌握规则设计权只会沦为 AI 的粉饰匠。趁岗位还没被重构,赶紧读。
Continue at emilycampbell.co
Sidebar·82 days ago

Config 2026 回顾:新材料、新工具与更富表现力的画布

Config 2026: New materials, new tools and a more expressive canvas

Figma 在 Config 2026 推出一系列核心画布更新,包括 code layers、Figma Motion、shaders、generative plugins 与 Weave 开发工具。这些功能直接模糊了设计与工程的边界,意味着团队能在统一画布上完成从原型到高保真交互乃至生产代码的闭环。

✎ Author's take
Figma 正从设计工具进化为全栈创作平台。Code layers 与 Weave 直接吞并前端原型和工程交付环节,对设计工程师是降维利好。纯视觉设计师若不碰代码,话语权将持续缩水;掌握 AI 生成与代码层的设计工程师,终于迎来了真正的主场。
Continue at figma.com
GitHub Trending · Daily·81 days ago

Orca:并行 AI Agent 开发环境,点击 UI 直发 prompt

stablyai/orca

Orca 是一款跨平台 AI Agent 开发环境,可在桌面和移动端并行调度 Codex、ClaudeCode 等 coding agent。其 Design Mode 支持在 Chromium 中直接点击 UI 元素,将 HTML、CSS 及截图一键送入 agent prompt;配合并行 git worktree 与原生 GitHub/Linear 集成,让设计到前端的无缝协作成为可能。

✎ Author's take
Orca 是一个跨平台 AI Agent 开发环境,支持 Design Mode 让设计师和前端开发者能够无缝协作,具有在 Chromium 中直接点击 UI 元素将代码送入 agent prompt 的功能。
Continue at github.com
UX Collective·81 days ago

AI 时代重估 Figma

Rethinking Figma in an AI World

Config 2026 上,Figma 正将画布向代码层、动效和着色器扩张,以应对 AI 驱动的 code-first 工作流冲击。这不再是与其他设计工具的竞争,而是画布优先工作流能否在 agentic 时代保持核心地位的生存考验。

✎ Author's take
Figma 向代码层扩张不是功能堆砌,而是画布霸权松动的信号。对设计工程师,这意味着设计与工程的断层正被 AI 填平;对视觉设计师,若不及时拥抱 code-aware 工作流,熟悉的画布将成孤岛。看清工具链重组,比围观发布会更重要。
Continue at uxdesign.cc
Simon Willison·81 days ago

德国裁决:Google 须为 AI Overviews 错误担责

AI and Liability

德国法院裁定 Google 须为其 AI Overviews 的错误担责。Bruce Schneier 指出,AI 代理应被视为企业的法律代理,若允许公司以“AI 故障”免责,将催生巨大道德风险。该判例直接拉高 AI 产品输出的准确性合规门槛,影响功能设计与风险管控策略。

✎ Author's take
别再只盯着提示工程和交互流程了。这个判例意味着你设计的每个 AI 输出都可能让公司吃官司——从文案生成到智能客服,免责声明和人工审核回路不再是可选项,而是产品设计的硬约束。不懂责任边界的设计师,迟早会把团队送进法律泥潭。
Continue at simonwillison.net
Sidebar·82 days ago

AI steering layer 正成为软件标配

The AI steering layer

Luke W 提出当下软件亟需建立一个刻意的 AI steering layer(引导层),让用户在与 AI 交互时拥有更明确的操控感与纠偏能力。这一观点直指当前 AI 产品普遍黑箱化的设计缺陷,预示可控性将成为下一代 AI 界面的核心竞争维度。

✎ Author's take
Luke W 点出了 AI 产品的设计盲区:不是对话框不够,而是缺一层让用户随时纠偏、调速、定调的操控界面。设计工程师要把 steering 控件从设置页拎出来,做成一级交互,别让 AI 闷头跑完。
Continue at lukew.com
Vercel·82 days ago

Vercel Flags 新部署默认 OIDC 认证,免设 SDK Key

Vercel Flags no longer requires SDK Keys for Vercel deployments

Vercel Flags 现在通过 OpenID Connect 为新项目提供自动认证,运行时由平台下发短期 OIDC token,开发者无需再手动配置 SDK Key 或环境变量即可在 Vercel 部署中评估功能标记。本地开发仍需通过 CLI 拉取凭证,现有项目不受变更影响。

✎ Author's take
对高频使用 Vercel 的设计工程师,这直接砍掉了一层 secret 管理成本。零认证门槛让 A/B 测试和渐进发布更快推进到生产环境,缩短设计验证到真实用户反馈的闭环。
Continue at vercel.com
GitHub Trending · Daily·81 days ago

no-mistakes:给 Git 推送加一道 AI 质检关

kunchenguid/no-mistakes

no-mistakes 在本地充当 Git 代理,替代 origin 接收推送,并在隔离工作区触发 AI 验证流水线(审查、测试、文档、Lint),全部通过后自动推送到远程并开启 Clean PR。对依赖 Claude、Codex 等 Agent 写代码的设计工程师而言,它是防止脏代码流入仓库的实用闸门。

✎ Author's take
本地 Git 代理,自动触发 AI 验证流水线,防止脏代码流入仓库,对依赖 AI 编程的设计工程师有帮助。
Continue at github.com
Vercel·82 days ago

AI SDK Harness 新增 Deep Agents 与 OpenCode

Deep Agents and OpenCode are now available in the AI SDK Harness

Vercel 为 AI SDK Harness 引入 Deep Agents 和 OpenCode 两个新适配器,开发者可通过统一接口调用不同编码代理运行时,无需修改应用代码即可切换。两者均在 Vercel Sandbox 内运行,支持文件/Shell 工具、多轮会话及工具审批,设计工程师可直接集成到现有 AI 工作流。

✎ Author's take
对设计工程师来说,这比单纯的模型更新更实用。Harness 的抽象层让你能在 Claude Code、Codex、OpenCode 等代理之间无缝切换,避免被单一生态锁定。如果你已经在用 AI SDK,这是今天就能接入的生产力升级;还没用的,也该看看这种「一次接入,多代理切换」的工程模式了。
Continue at vercel.com
Vercel·82 days ago

Vercel AI SDK 7 发布:Agent 工程化五维升级

AI SDK 7

Vercel 发布 AI SDK 7,为 Agent 开发引入标准化 reasoning 控制、类型化 Tool Context 与更灵活的 agentic loop 管理。新接口统一了不同模型厂商的推理参数,并支持工具级上下文隔离,让开发者能更精细地控制模型行为与数据权限,降低跨厂商适配成本。

✎ Author's take
对设计工程师和 AI 设计师而言,这是让 Agent 从 demo 走向生产的分水岭。标准化 reasoning 和 Tool Context 权限隔离,意味着你能用同一套接口控制不同模型的思维深度,并安全接入第三方工具——少写一堆适配代码,把时间花在体验逻辑上。这是目前 TS 生态里最务实的 Agent 工程升级。
Continue at vercel.com
Vercel·83 days ago

Vercel Pro 团队并发构建上限提至 500

Pro teams can now run up to 500 concurrent builds

Vercel 将 Pro 团队的并发构建上限从 12 个大幅提升至 500 个,且默认按实际使用分钟计费。大型代码仓库团队可显著减少构建排队等待时间,直接加速交付流水线。

✎ Author's take
对设计工程师来说是实打实的工作流提速。如果你在用 Vercel 托管设计系统文档或大型 Monorepo 原型,不用再被 12 个并发上限卡脖子。不过纯视觉设计师大概率无感,这更像是给前端工程化 pipeline 打的补丁。
Continue at vercel.com
Sidebar·82 days ago

The Last Museum:博物馆艺术搜索引擎

The Last Museum

新上线的 The Last Museum 是一款针对博物馆藏品的垂直搜索引擎,旨在帮助设计师快速检索艺术品图像与资料。目前官方仅透露这一定位,具体功能细节尚未展开;对需要艺术参考与视觉灵感的设计师而言,仍是一个可立即打开尝试的新工具。

✎ Author's take
公开信息单薄到近乎敷衍,连索引范围、搜索维度、是否接入 AI 都未说明,基本等于扔给你一个链接自己试;但对天天扒参考的设计师来说,多一个垂直的艺术检索入口,总比在通用引擎里翻十页强。建议先收藏,实测后再决定是否加入日常工具箱。
Continue at lastmuseum.com
开源趋势 · Open Source
§GitHub Rank今日开源趋势
01GitHub Trending · Daily·89 days ago

OpenMontage:首个开源 Agent 视频制作系统

calesthio/OpenMontage

OpenMontage 号称首个开源 agentic 视频制作系统,通过 12 条 pipeline 与 500+ agent 技能,让 AI 助手完成从调研、脚本、素材生成到剪辑合成的全流程。它区别于普通图生视频工具,能调用免费影像素材库进行真实剪辑与渲染,案例显示 60 秒动画短片成本仅 1.33 美元。

✎ Author's take
OpenMontage 是一个开源的 agentic 视频制作系统,通过 AI 助手完成视频制作的全流程,能够调用免费影像素材库进行真实剪辑与渲染。
Continue at github.com
02GitHub Trending · Daily·119 days ago

LLM 驱动股票分析系统:零成本自动决策仪表盘

ZhuLinsen/daily_stock_analysis

LLM 驱动的股票分析系统,聚合多源行情与新闻,每日自动生成含评分、趋势的决策仪表盘,零成本推送到企微/飞书。其「决策报告→操作清单」的信息分层,正是 AI 数据看板设计可直接借鉴的范式。

✎ Author's take
这是一个 LLM 驱动的股票分析系统,自动生成决策仪表盘并推送,其信息分层方式对 AI 数据看板设计具有借鉴意义。
Continue at github.com
03GitHub Trending · Daily·96 days ago

Apple 发布 container 容器工具

apple/container

Apple 在 GitHub 上架官方容器工具 container,基于 Swift 编写并针对 Apple Silicon 优化,兼容 OCI 标准镜像。设计工程师可直接在 Mac 上原生构建和运行 Linux 容器,无需再依赖 Docker Desktop 等第三方方案来部署开发环境。

✎ Author's take
Apple 官方的容器工具,基于 Swift 编写,为 Mac 用户提供一个无需第三方方案即可部署 Linux 容器的原生解决方案。
Continue at github.com
04GitHub Trending · Daily·81 days ago

InterviewStreet 开源 AI 简历筛选代理

interviewstreet/hiring-agent

InterviewStreet 开源了一套 AI 招聘代理,可将 PDF 简历转为结构化数据,结合 GitHub 信号,通过本地或云端 LLM 输出可解释评分。但对产品设计师和设计工程师来说,这是纯 HR Tech 工具,与创作、设计或工程工作流无关,没有直接实操价值。

✎ Author's take
AI 招聘代理,将 PDF 简历转为结构化数据,通过 LLM 输出可解释评分,为人力资源技术领域提供新的工具。
Continue at github.com
05GitHub Trending · Daily·84 days ago

AI Website Cloner 模板:一行命令克隆任意网站

JCodesMore/ai-website-cloner-template

这是一个可复用的 Next.js 模板,能让 AI 编程代理(推荐 Claude Code + Opus 4.7)自动分析目标网站、提取设计 token 与资产、编写组件规范,并并行重建各区块。对设计师而言,它将传统的“看图说话”变成了可执行的自动化工程流,大幅降低了从参考到原型的门槛。

✎ Author's take
Next.js 模板,允许 AI 编程代理自动分析网站并重建,对自动化网站开发和前端设计提供参考。
Continue at github.com
06GitHub Trending · Daily·109 days ago

Harness:Claude Code 的团队架构工厂

revfactory/harness

Harness 是 Claude Code 生态中位于 L3 Meta-Factory 层的 meta-skill。只需说 "build a harness for this project",它即可基于六种预设团队架构模式,将领域描述自动转化为专用 agent 定义与 skills。这让复杂任务的多 agent 协作编排从手动配置变成一句话生成,显著降低 Claude Code 团队架构的上手门槛。

✎ Author's take
Harness 是 Claude Code 生态中的 meta-skill,能够将领域描述自动转化为专用 agent 定义与 skills,降低多 agent 协作编排的复杂性。
Continue at github.com
07GitHub Trending · Daily·81 days ago

Flutter 仓库登上 GitHub 趋势榜

flutter/flutter

GitHub Trending 自动抓取了 Flutter 官方仓库条目,正文只是项目标准 Readme 的通用介绍,不含任何版本更新、功能发布或技术细节。对于寻找可用工具、组件或设计参考的目标读者而言,这条内容没有提供任何新的可操作信息。

✎ Author's take
Flutter 官方仓库的条目,提供了 Flutter 框架的通用介绍,适合移动应用开发人员参考。
Continue at github.com
08GitHub Trending · Daily·81 days ago

Headunit Revived:复活 Android Auto 接收器

andreknieriem/headunit-revived

这是一个将 Android 平板或手机变为 Android Auto 接收端的开源项目,支持 USB 有线及 Wi-Fi 无线连接,并提供了配套辅助应用简化配对流程。项目虽登上 GitHub 热榜,但其核心是车载 Android 的连接协议与工程实现,对设计师日常工作缺乏可直接落地的资源或方法。

✎ Author's take
将 Android 设备变为 Android Auto 接收端的开源项目,对车载系统开发者和 Android Auto 爱好者可能有参考价值。
Continue at github.com
09GitHub Trending · Daily·81 days ago

Orca:并行 AI Agent 开发环境,点击 UI 直发 prompt

stablyai/orca

Orca 是一款跨平台 AI Agent 开发环境,可在桌面和移动端并行调度 Codex、ClaudeCode 等 coding agent。其 Design Mode 支持在 Chromium 中直接点击 UI 元素,将 HTML、CSS 及截图一键送入 agent prompt;配合并行 git worktree 与原生 GitHub/Linear 集成,让设计到前端的无缝协作成为可能。

✎ Author's take
Orca 是一个跨平台 AI Agent 开发环境,支持 Design Mode 让设计师和前端开发者能够无缝协作,具有在 Chromium 中直接点击 UI 元素将代码送入 agent prompt 的功能。
Continue at github.com
10GitHub Trending · Daily·81 days ago

Google Labs DESIGN.md:coding agent 设计系统规范

google-labs-code/design.md

Google Labs 推出 DESIGN.md 开源格式,通过 YAML front matter 存储色彩、字体、圆角等设计 token,并用 Markdown 记录设计原理与 rationale,让 coding agent 对设计系统获得持久化、结构化理解。这意味着设计师可以把视觉身份直接写进代码仓库,告别反复向 AI 解释品牌规范的低效沟通。

✎ Author's take
Google Labs 提出的设计文档开源格式,通过 YAML 和 Markdown 结合存储设计 token 和记录设计原理,为设计系统与代码仓库的整合提供新方案。
Continue at github.com
11GitHub Trending · Daily·81 days ago

zapret 解锁工具新增 Telegram 加速

Flowseal/zapret-discord-youtube

俄罗斯开发者 Flowseal 在其开源流量拦截方案 zapret 中追加 Telegram Desktop 加速支持,该工具利用 WinDivert 绕过网络封锁以恢复 Discord、YouTube 和 Telegram 访问。虽对特定地区用户有实用价值,但本质上属于区域性网络代理脚本,与设计工程无直接关联。

✎ Author's take
zapret-discord-youtube 是一个俄罗斯开发者开发的开源流量拦截方案。
Continue at github.com
12GitHub Trending · Daily·81 days ago

no-mistakes:给 Git 推送加一道 AI 质检关

kunchenguid/no-mistakes

no-mistakes 在本地充当 Git 代理,替代 origin 接收推送,并在隔离工作区触发 AI 验证流水线(审查、测试、文档、Lint),全部通过后自动推送到远程并开启 Clean PR。对依赖 Claude、Codex 等 Agent 写代码的设计工程师而言,它是防止脏代码流入仓库的实用闸门。

✎ Author's take
本地 Git 代理,自动触发 AI 验证流水线,防止脏代码流入仓库,对依赖 AI 编程的设计工程师有帮助。
Continue at github.com
13GitHub Trending · Daily·99 days ago

Hermes Agent 开源:带学习闭环的自进化 AI 智能体

NousResearch/hermes-agent

Nous Research 开源 Hermes Agent,一款内置自学习闭环的 AI 智能体。它能从经验中创建和优化技能,跨会话构建用户画像并持久化记忆,支持 OpenAI、Kimi 等 200 余种模型切换与 Telegram、CLI 等多平台接入,且能以极低运营成本部署在 VPS 或服务器less 环境。

✎ Author's take
Nous Research开源的Hermes Agent,内置自学习闭环的AI智能体,支持多种模型和平台接入,能以低运营成本部署。
Continue at github.com