资讯/神器/素材全都有！2026年6月设计周刊第二波

一、全文速览图

碎片带来灵感，整理形成认知，连接构成体系。

本刊记录每周体验设计中的发现与思考，为后续知识库建设和设计研究积累素材。

二、业界动态

1. Gmail logo 图标更新

Gmail 图标（M）已基于 Material 3 色彩体系进行视觉更新，引入 tonal color system，使整体呈现更柔和的层级与光感统一。自发布以来 Google 系产品开始逐步进行 logo 的优化。

Google 官方 Material Design 3 设计系统：https://m3.material.io/styles/color/system/overview

2. Figma：让设计稿更容易变成真实产品

Figma 最近继续加强 Dev Mode 和 AI 相关能力，核心方向就是：让设计稿不再只是“给开发看的图”，而是能更清楚地告诉开发页面结构、组件关系和实现方式。

简单来说，以前设计师交付的是界面效果图，开发还需要自己理解和拆解；现在 Figma 希望通过 Dev Mode 和 AI，把设计稿整理成更接近代码和产品结构的内容，让“从设计到开发”的过程更顺、更快。

三、AI 资讯

1. Anthropic 发布 Claude Opus 4.8，AI 开始进入“动态工作流”阶段

Anthropic 发布 Claude Opus 4.8，并强化 Dynamic Workflows（动态工作流）能力。AI 能够根据任务自动规划步骤、调用工具并持续执行。

也许很多后台系统未来不再需要复杂操作路径，而是直接通过 Agent 完成任务。

2. Google 进军 AI 设计工具赛道

Google 在 I/O 期间推出 AI 设计产品 Pics，可通过自然语言生成海报、营销素材、社交媒体设计稿，并支持后续编辑和协作。

Google Pics 官网：https://workspace.google.com/products/pics/

3. 微软即将发布全新 Coding Model

微软确认将在 Build 2026 推出新一代代码模型，并进一步强化 GitHub Copilot 生态。

对于设计师来讲意味着从 Figma → Dev → 部署之间的链路正在快速缩短。

四、产品推荐

1. Figma Make 本地代码模式

Figma 于 5 月 28 日发布更新，Figma Make 开始支持直接连接本地代码库（Beta），设计师可以在 Figma 内直接与真实项目代码协同工作。

2. Direct2App

本周 Smol Launch 榜单前三产品之一。

一个 AI/SaaS 产品导航站，专门聚合和筛选 AI 工具与 SaaS 产品：https://www.direct2app.com/

3. Buffer API

一个统一管理多个社交媒体平台发布内容的 API 服务。

网址：https://buffer.com/api

五、设计素材

1. Phosphor Icons

包含 9000+ 图标组合、支持 React、支持 React 等，适合 AI 产品、企业级后台的设计和应用。

网址：https://phosphoricons.com/

2. Figma to DESIGN.md

这个插件可以将你当前选中的 Figma 图层或页面，整理成一份结构化的 DESIGN.md 草稿，适合用于 AI 辅助设计、页面生成和设计系统整理。v0.5.4 版本部分内容仍为推断结果，建议在正式使用前人工校对。

Figma to DESIGN.md 插件：https://www.figma.com/community/plugin/1625430620329432276/figma-to-design-md

六、老三碎碎念

很久没有更新周刊了，最近一直忙于恢复，碎片内容都发在我的内部群。其实要做周刊更新是从 18 期就开始了，接下去也会不定期的更新业界动态、AI 资讯、产品推荐、设计素材、设计细节、随便看看、岗位招聘这几个模块在每期刊中。

也感谢各位的长期关注和内部群朋友们的支持，还是那句话，希望周刊对你有帮助。

我是老三，我们下周见～