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

一、全文速览图

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

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

二、业界动态

1. Config 2026：Figma 将设计、代码、动效与 AI 带到同一画布

Figma 在 Config 2026 发布 Motion、3D Transforms、Shaders、Code Layers、Agent Skills、Generative Plugins、Weave 等多项能力，进一步打通设计、开发与 AI 工作流。

相比单一功能更新，这次发布更重要的变化在于：Figma 正逐步从设计工具演变为连接设计师、开发者与 AI Agent 的统一创作平台。

网址： https://www.figma.com/release-notes/?title=config-2026

草帽老师也做了 Figma 2026 Config 新功能速览：

网址： https://www.bilibili.com/video/BV15f7t6EEvi/?vd_source=3c23d4f70c5466eda9aef46fdade1069

2. 法国阿尔卑斯 2030 冬奥会会徽发布：把山峰与数字 30 合并

法国阿尔卑斯 2030 冬奥会发布会徽。图形以连续、倾斜的光线勾勒山峰，并在负形中压缩出「30」，同时服务奥运与残奥语境。

设计将地点、年份与雪山意象融合为一个可缩放的品牌符号，也体现了大型国际赛事在公共品牌识别上的设计思路。

网址： https://www.olympics.com/ioc/alpes-2030

三、AI 资讯

1. video-use：让 Coding Agent 接管视频剪辑

GitHub Trending 项目 video-use 尝试把视频编辑交给 AI Coding Agent。支持 Claude Code、Codex、Gemini CLI 等，通过 Python、MoviePy、Manim 等工具自动完成剪辑、字幕、动画、转场和导出等流程。

相比传统 AI 剪辑工具，它更像是一套可编排的视频生产工作流，也意味着视频编辑开始进入「Agent 可执行任务」阶段。

网址： https://github.com/browser-use/video-use

2. OpenAI 预览 GPT-5.6 Sol

OpenAI 官方发布 GPT-5.6 Sol Preview，重点提升推理能力、长上下文理解以及工具调用能力。

从命名来看，Sol、Terra、Luna 也开始形成新的模型层级体系，体现出 OpenAI 对不同能力定位的进一步区分。

网址： https://openai.com/index/previewing-gpt-5-6-sol/

3. Codex 被曝日志异常写盘 Bug，长期运行或加速 SSD 写入寿命消耗

近期开发者发现，Codex CLI、桌面版及 VS Code 插件存在日志异常写入问题。在执行流式响应和自动化任务时，会持续向本地 SQLite 日志写入大量 TRACE 级别记录，可能导致磁盘写入量异常增加。

目前社区已提交多个 GitHub Issue，并给出了临时规避方案，官方尚未正式修复。

四、产品推荐

1. Genspark Design：一句 Prompt 生成 UI、动效、海报与代码

Genspark 推出 Design 工作区，可通过自然语言生成 UI 原型、HTML 动效、视频和海报，并支持上传 Figma 文件保持品牌一致性，最终还能通过 Genspark Code 转换为可运行代码。

对于设计团队而言，它展示了 AI 正逐步覆盖从视觉设计、内容生成到代码交付的一体化工作流。

网址： https://www.genspark.ai/agents?type=design

2. Cowart：开源版 Codex AI 画布工具

Cowart 是一个开源 AI 画布工具，将聊天、画布标注与图像编辑结合在一起。用户可以直接在画布上圈选、批注修改区域，AI 根据标注完成局部调整，并保留完整的编辑上下文。

相比传统聊天式 AI，它更接近设计师熟悉的工作流：边看、边标、边改，让 AI 真正参与到视觉设计与创作过程中。

网址： https://github.com/zhongerxin/cowart

五、设计素材

1. Rapha 新字体系统：从赛事文化中提炼品牌字体语言

Rapha 与字体厂牌 Frost 合作推出全新字体系统。设计灵感来自历史骑行刊物、赛事传单、车衣、技术手册以及 1970–1990 年代的字体广告，并将这些视觉语言转化为适用于品牌、界面、服装与编辑设计的现代字体家族。

对于品牌设计来说，它提供了一个值得参考的案例：如何将品牌历史沉淀为一套可持续扩展的字体系统，而非停留在复古风格的表达。

网址： https://www.frostype.xyz/

六、设计细节

1. Secret 7：先看作品，再揭晓作者

Secret 7 是一个将音乐、视觉艺术与公益竞拍结合的项目。每件作品对应一首歌曲，但在竞拍结束前，作者、歌曲与背景信息都会被隐藏，观众只能先根据封面图形本身作出判断。

这种「延迟揭晓」的策展方式很有意思：它把观看顺序从「先看作者是谁」改成「先看作品是否打动我」，既制造了悬念，也降低了名气对审美判断的影响。

网址： https://secret-7.co.uk/

2. Velvet UI：界面声音也可以成为设计的一部分

这是 @eledure 制作的一个界面音效实验网站。它把声音作为交互反馈的一部分来设计：点击、切换、悬停与页面节奏都有对应的声音层次。

声音在这里更像动态设计的补充，用来强化状态变化、操作反馈和整体氛围。

建议打开声音体验

网址： https://velvet-ui-eight.vercel.app

3. X（Twitter）为 Config 增加限定点赞动画

Config 活动期间，X（Twitter）为包含 「Config」 关键词的帖子加入专属点赞彩蛋。点击 ❤️ 后，普通爱心会触发 Figma 风格的彩色粒子动画，为设计社区活动增加了一层趣味互动。

这类限定动画虽然只存在于特定时间，却能强化活动氛围，也让简单的点赞行为变得更有记忆点。

网址： https://x.com/Heylaosan/status/2069807374039425424?s=20

4. 用抓娃娃机来做验证码，把验证过程变成一次小游戏

Feral UI 做了一个有趣的验证码 Demo：用户需要操作抓娃娃机，把指定的玩偶抓到对应区域完成验证，而不是点击图片或输入字符。

它把传统 CAPTCHA 转换成更具参与感的交互过程，在验证身份的同时，也让等待变成一次轻量体验。

网址： https://feralui.vercel.app/#/captcha

七、随便看看

1. 多伦多湖面上的「便利店」：用熟悉场景制造不可达

Creative Boom 报道，Trevor Wheatley、Cosmo Dean 与 Puncture 在 Lake Ontario 打造了一座名为 Global Convenience 的漂浮便利店。它装满真实商品、整夜发光，却无法进入，借日常的便利店空间讨论迁徙、欲望、访问权与城市记忆。

设计团队还将大量真实物件替换为轻量复制品，以满足漂浮与抗风需求，同时保留足够强的视觉识别度。

网址： https://www.creativeboom.com/news

2. Sour Soda Studio：用矢量自由笔刷建立「柔软但尖锐」的视觉语法

Sour Soda Studio 以 Fresco 矢量笔刷、黑色刻线轮廓、无硬角形体和重复装饰节奏建立出一套稳定的视觉语言。作品题材覆盖环境、消费与资源议题，画面看似轻松柔软，但表达主题并不轻。

它适合作为「先定义内部图形语法，再扩展叙事内容」的素材研究样本。

网址： https://soursodastudio.com/

说明：本文为个人设计灵感整理与学习记录，相关作品版权归原作者所有。内容仅用于设计学习、审美观察与案例研究，如有侵权请联系删除。