186-6908-0178
186-6908-0178
国庆假期结束，三号设计周刊也恢复更新了。
虽然周刊停更了近两周，但设计与 AI 领域的变化并没有停下来。Figma Agent 正式结束 Beta，OpenAI 在 DevDay 发布了 20 多项更新，GPT-6 开始根据问题直接生成交互界面，Apple 也开放了 iPhone Duo 的应用适配。
本期老三把 9 月 25 日至 10 月 7 日期间值得关注的内容集中整理了一遍。依然不做单纯的新闻搬运，重点看看这些变化对设计师的工作方式、工具使用和产品体验意味着什么。
10 月 6 日，Figma Agent 正式结束 Beta，新增设计规范文件、跨文件搜索、团队实时协作和自定义 Skills 等能力。设计师可以通过 Markdown 为 Agent 提供组件规范、最佳实践和反模式约束，让 AI 在已有设计系统的基础上参与设计与维护。正式开放后，Agent 也开始消耗 AI Credits。
相比让 AI 从零生成一张界面，更值得关注的是它开始理解团队原有的设计语言。这意味着设计系统不仅要给人看，也要让 AI 能够正确读取和执行。
网址：https://www.figma.com/release-notes/?title=the-figma-agent-is-generally-available
9 月 30 日，Figma Motion 迎来一轮功能更新，支持自定义动画样式、音频时间轴、逐字符与逐词文字动画，以及 Lottie /dotLottie 格式导出。动画样式还可以发布到团队资源库，供不同项目复用。目前 Motion 仍处于公开测试阶段。这次更新让动效设计进一步摆脱单次制作、重复调整的流程。尤其是动画样式的复用能力，让动效也有机会像颜色、字体、组件一样，成为设计系统的一部分。
网址：https://www.figma.com/release-notes/?title=motion-adds-styles-audio-animations-lottie
Apple 于 10 月 5 日开放了 iPhone Duo 的应用适配与提交。开发者可以使用 Xcode 27.1 和 Device Hub，检查应用在不同姿态和屏幕方向下的表现，同时 App Store 也更新了相关截图、预览和视觉素材规范。iPhone Duo 将于 10 月 23 日正式发售。
对设计师而言，折叠屏的挑战并不只是增加一套屏幕尺寸，而是如何处理展开与折叠状态下的信息层级、内容连续性和操作习惯。未来的响应式设计，可能需要考虑更多设备姿态与使用场景。
网址：https://developer.apple.com/news/?id=kkphp5qo
10 月 7 日，OpenAI 宣布将 GPT-6 扩展至更多 ChatGPT 用户，同时推出 Intelligent UI。AI 不再只能通过文字回答问题，而是可以根据任务自动组合图表、按钮、表单、交互式图解等元素，甚至即时创建计算器、小游戏和其他可操作的工具。
这可能是近期最值得体验设计师关注的变化之一。过去是设计师提前定义界面，用户再去理解和操作；现在，AI 开始根据用户的实时意图组织交互界面。界面正在从固定的产品结构，逐渐向任务驱动的动态体验发展。
网址：https://openai.com/index/gpt-6-for-everyone/
9 月 29 日，OpenAI 举办 DevDay 2026，一口气发布了超过 20 项重要更新，包括 GPT-6.1 Sol、Codex 云端工作流、Dots、Agents API、ChatGPT 插件扩展等。尤其值得关注的是能够持续执行任务的 Dots，以及进一步支持多 Agent 协作与计算机操作的开发工具。
网址：https://openai.com/index/devday-2026-recap/
Anthropic 在 9 月 28 日和 10 月 7 日分别发布 Claude Sonnet 5.5 与 Haiku 5.5。官方表示，Sonnet 5.5 相比前代速度提升超过 30%，多数任务成本最高下降 30%；Haiku 5.5 则更侧重高频、低成本和快速响应的任务。
网址：https://www.anthropic.com/claude-sonnet-5-5
网址：https://www.anthropic.com/claude-haiku-5-5
一个基于 Oklab 和 OKLCH 色彩空间的在线配色工具，可以从图片或单个颜色生成色板，探索不同配色组合，并生成 UI 所需的颜色阶梯。它还支持颜色对比度检查、CSS 等格式导出，付费版则可以将色板同步为 Figma Variables。
一个免费的 Framer 组件，可以针对 Light 和 Dark 两种主题分别配置图片或视频，并随着网站主题变化自动切换。同时支持淡入过渡、懒加载、视频封面和不同媒体显示方式。
深浅色适配不应该只停留在背景色和文字颜色。很多时候，产品截图、插画甚至视频都需要随着主题变化。这是一个功能简单、但非常贴近实际产品设计场景的小组件。
网址：https://www.framer.com/marketplace/components/thememedia/
Smashing Magazine 按照惯例发布了十月桌面壁纸合集，收录来自全球设计师创作的秋日、万圣节、插画和抽象视觉作品。提供多种屏幕分辨率，并包含带日历与不带日历的版本，可以免费下载。
除了挑选一张新壁纸，也可以看看不同设计师如何通过配色、构图和插画语言表达同一个月份的氛围。
网址：https://www.smashingmagazine.com/2026/09/desktop-wallpaper-calendars-october-2026/
部分壁纸
这是一款基于 WebGL Shader 的 Framer 免费组件，支持最多四种颜色混合，并可以调整流动速度、柔和程度、渐变形态以及鼠标和触摸视差效果。
适合用于产品官网首屏、作品集背景或视觉展示页面。相比静态渐变图片，这类可交互背景能够增加页面的层次与动态表现，同时组件也考虑了减少动态效果的系统偏好设置。
网址：https://www.framer.com/marketplace/components/new-wave-gradient/
Smashing Magazine 最近发布了一篇关于命名规范的实用指南，整理了颜色、图层、UI 组件、Design Tokens 等不同场景下的命名思路，并提供了不少参考资源。命名是设计系统里容易被忽略，却非常影响协作效率的细节。尤其现在越来越多的 AI Agent 开始读取设计文件和组件库，清晰、一致的命名不只是方便团队沟通，也会影响 AI 理解设计上下文的准确性。
网址：https://www.smashingmagazine.com/2026/10/how-name-things/
9 月 25 日，Figma 为 Auto Layout 增加了垂直方向的 Wrap 能力。当容器设置为垂直排列时，内容超出当前容器高度后，可以自动换到下一列，而不是一直向下延伸。这一行为也更接近 CSS Flexbox 的布局逻辑。
虽然只是一个小更新，但对于需要制作多列内容、自适应容器的设计师来说很实用。Figma 正在不断缩小设计稿布局和实际前端实现之间的差距。
网址：https://www.figma.com/release-notes/?title=vertical-wrap-available-in-auto-layout
StreetWok 是一个以街头面馆为主题的 Framer 网站模板。整个页面采用鲜艳的霓虹视觉风格，搭配滚动动画、动态菜单和订单小票效果。最有趣的是其中的互动配餐功能，用户可以自己选择面条、汤底、配料，看着食材一步步加入碗中。
一个普通的餐厅网站，也可以通过交互细节让整个体验变得有趣。相比单纯展示商品，这种让用户参与其中的设计方式，更容易留下记忆点。
网址：https://www.framer.com/marketplace/templates/streetwok/
9 月 30 日，Figma Community 新增了 Riffs 发布方式，支持设计师分享自己的动画、原型、视觉实验和各种创意探索。相比传统的完整设计作品，Riffs 更强调灵感本身和轻量化的创作表达。
我还挺喜欢这个方向的。设计师日常其实会产生很多不一定用于正式项目的小实验，有些是一个有趣的交互，有些只是一次动效尝试。这些内容未必需要被打磨成完整作品集，也值得被看到。
网址：https://www.figma.com/release-notes/?title=post-riffs-to-figma-community
老三碎碎念
国庆假期结束，也意味着周刊重新恢复更新了。
整理完这两周的内容，我最大的感受是：AI 正在从一个辅助我们完成任务的工具，慢慢变成能够直接参与工作流程的协作者。
我最近也越来越倾向于一种新的工作方式：先利用 AI 快速探索和验证想法，再将相对成熟的方案逐步引入真实项目，而不是一开始就把整个项目完全交给 AI。这样既能享受到效率提升，也能保留对产品质量和实现过程的控制。
工具还在不断变化，也没必要每个新功能都第一时间追上。找到适合自己工作流的部分，真正用起来，我觉得比收藏一堆工具更重要。
好了，第 39 期就到这里。
假期结束，大家也慢慢找回工作节奏。下期见。
来源：优设
作者：张老三
