“ 👏👏欢迎来到FuTalk设计周刊第133期,每周二定期更新。”


#AI漫谈 热点捕手

1、Gemini 3.5 Flash 原生加入 Computer Use:模型开始直接操作界面

Google 把 Computer Use 直接集成进 Gemini 3.5 Flash,开发者可以让 Agent 看懂并操作浏览器、移动端和桌面界面,用于软件测试和跨应用知识工作。官方同时加入敏感操作确认和提示注入中止机制,说明“模型会用界面”正在从独立实验能力进入主模型,也把交互安全和人工确认变成产品设计的基础环节。

An image to describe post

🔗:https://deepmind.google/blog/introducing-computer-use-in-gemini-3-5-flash

2、Anthropic 最新经济指数:AI 使用从短对话转向长时 Agent 任务

Anthropic 的最新经济指数调整了观察方法,因为 Claude Code 和 Cowork 带来的长时任务已经无法只用“对话轮次”解释。报告把使用节奏细化到小时,并区分聊天、Cowork 和 API 产出,显示人们正把 AI 从即时问答转为持续执行、分阶段交付的工作单元,这会直接改变团队如何安排任务、检查进度和设计协作界面。

An image to describe post

🔗:https://www.anthropic.com/research/economic-index-june-2026-report

3、Figma 2026 AI 报告:个人提效之后,协作方式正在被重写

Figma 基于 8403 份问卷和 639 次访谈发现,AI 对团队协作的影响正在明显上升,设计师参与开发、开发者参与设计的比例也在增加。报告把关注点从“谁能更快生成”转向“团队怎样在同一画布上比较、讨论和接力”,对设计团队来说,下一阶段的差异不只是工具熟练度,而是能否把 AI 产出放进共同判断和可追溯的流程。

An image to describe post

🔗:https://www.figma.com/blog/2026-ai-report/

#交互体验 创意运营

1、深度实录|普通人怎么把重复工作交给AI?我用一套周刊流程跑通了

这篇虽然全程在讲“做周刊”,但我真正想聊的是一个更通用的问题——普通人怎么把那些重复、琐碎、每周都要做一遍的活,拆成AI能接手的SOP。周刊只是我拿来跑通这套方法的例子;你换成做月报、剪视频、整理资料,逻辑都一样。而这套方法的核心,其实就一句话:机械的交给AI,判断的留给自己。

An image to describe post

🔗:https://mp.weixin.qq.com/s/rA1Gi7hDOaecH_sgCLWnSg

2、高质量 UI 设计工作流:从 GPT Image 到 Codex,再回到 Figma

文章用故宫藏品展示 App 演示一条“先生成视觉、再实现代码、最后回到设计稿精调”的完整路径:先让 GPT Image 承担布局、风格和视觉细节,再让 Codex 根据图片实现页面,最后通过 Figma MCP 把结果转回画布修正。这个流程把图像当作设计与代码之间的中间语言,解决只用文本生成页面时功能正确但视觉上限偏低的问题。

An image to describe post

🔗:https://mp.weixin.qq.com/s/_A5fU4zoFwH8GMLHY5Oniw

3、一位阿里产品经理的 AI 全流程提效实践:从需求到上线全覆盖

阿里云产品团队把 Qoder、QoderWork 和团队 Skills 接进产品经理的九个工作阶段,从市场研究、原型和 PRD,到代码质检、前后端协同、文档、招标方案和客户需求跟踪。文章也记录了设计师如何在同一代码分支中统一组件、颜色和间距,以及为什么 AI 产出仍要经过质检 Skill、交叉验证和人工评审。

An image to describe post

🔗:https://mp.weixin.qq.com/s/YZgBZW6589GIjsOvYUZ1fg

4、字节跳动 AI Coding 实践:从代码贡献率走向可交付性

字节跳动复盘了 AI 代码贡献率增长 6 倍之后暴露出的真实问题:功能正确不等于能够上线,UI 易用性、交互、可靠性、维护性和工程规范会让结果大幅掉分。文章用 900 次真实需求实验说明 Harness、上下文、架构约束和团队知识怎样把可交付性从不及格提升到可用水平,并提出原型驱动、系统化 AI Development 和跨角色统一交付流程。

An image to describe post

🔗:https://mp.weixin.qq.com/s/mdmaAyUIvxE8WT_GEbF2wQ

5、从 Hook 开始做 Loop Engineering:6 个事件驱动工作流

文章把 Hook 解释成 Agent 工作流里的触发器,并给出权限弹窗、开机日程播报、上下文压缩前摘要、文件自动整理、久坐提醒和长任务完成推送六种玩法。重点不在某条命令,而是把 Prompt、Skill 和 Hook 分别对应一次对话、一类能力和一个时刻,让 AI 从被动聊天框变成能够按事件持续运转的系统。

An image to describe post

🔗:https://mp.weixin.qq.com/s/LVj2foSXi_hBRKxjuYaUyw

6、Notion 如何用 Cursor SDK 在几周内接入 Coding Agent

Notion 没有从零搭建 Agent 基础设施,而是把 Cursor SDK 放进一套与供应商无关的 Agent Harness,让用户可以在文档、讨论串或数据库任务里直接委派开发工作。Cursor 负责规划、构建、测试和提交 PR,Notion 负责协作表面和上下文,这个案例清楚展示了“Agent 引擎”和“产品体验”分层后如何缩短集成周期。

An image to describe post

🔗:https://cursor.com/blog/notion

7、从聊天到委派:OpenAI 内部如何把 Codex 变成工作流系统

OpenAI 的使用数据表明,Codex 正从工程工具扩展到法务、财务、招聘和运营,重度用户会同时运行多个 Agent,并用 Skills 保存可重复的复杂流程。报告强调真正的变化不是生成更多文本,而是把一段原本需要数小时甚至数天的工作交给 Agent 执行,再由人监控、验证和协调多个工作流。

An image to describe post

🔗:https://openai.com/index/how-agents-are-transforming-work/

8、AI 动画辅助实现(实践篇):从 AE 到可运行代码的全链路方案

上篇讲了用 AI 辅助前端手写动画的思路,这篇给出落地的全链路方案:设计师在 AE 里完成动画后,通过插件实时预览转码效果,确认无误后直接导出前端可用代码,前端在 IDE 里集成即可使用。它把传统的「AE → Lottie / 视频 → 前端手写代码」交付链路,简化成「AE 插件直出代码」,解决了交付物不可解析、还原度全靠经验、验收沟通成本高这些老问题,明显提升动画开发的效率和还原度。

An image to describe post

🔗:https://mp.weixin.qq.com/s/4I7DWStQU0uVB6llzeJ1tw

9、用 GPT 做海报设计:8 种构图提示词案例

构图决定海报的视觉骨架,同样的信息换一种构图,情绪和节奏就完全不同。这篇拆解了三分法、对称、对角线等 8 种经典构图法则,每种配一个可以直接复制使用的 GPT 生图提示词,并对应一个真实设计场景(如民宿品牌夏季推广海报)。先把构图逻辑讲清楚,再给提示词模板,帮你的 AI 海报从“能看”进化到“耐看”。

An image to describe post

🔗:https://mp.weixin.qq.com/s/R96x3KXxeXwH5WR-2xYveA

#工具集锦 效率提升

1、Lander Blocks:免费 Figma 设计资源库

Lander 出品的免费 Figma 设计资源库,收录大量可直接取用的 Figma 设计区块、网页 section、App 界面、仪表盘和 Logo,按类型分类整理。设计师可以挑中喜欢的直接复制进自己的 Figma 文件,用来快速起稿、拼页面或找版式参考,省去从零搭框架的时间。

An image to describe post

🔗:https://blocks.lander.studio/

2、OpenRouter MCP:让 Coding Agent 实时比较模型、价格和基准

OpenRouter MCP 把模型列表、价格、延迟、第三方基准、文档搜索和测试推理接进 Codex、Claude Code 与 Cursor。Agent 可以根据当前任务筛选模型、比较响应和成本,不必依赖已经过时的训练数据或手动切换网页。

An image to describe post

🔗:https://openrouter.ai/blog/announcements/openrouter-mcp-server

3、OpenKnowledge:面向 Claude、Codex 和 Cursor 的本地 Markdown 知识库

OpenKnowledge 是一个开源、本地优先的 Markdown 编辑器,可连接 Claude、Codex、Cursor 和其他 Agent,支持 MCP、Skills、Agent 搜索、知识图谱与 Git 同步。它既能直接打开现有代码库和 Obsidian 仓库,也能作为团队规格文档和 LLM Wiki 的编辑表面。

An image to describe post

🔗:https://github.com/inkeep/open-knowledge

4、pixel2motion:把静态 Logo 变成 SVG 动画的开源 Skill

pixel2motion 是一个开源的 AI logo 动画 Skill:把位图 Logo 丢进去,它能生成平滑的 SVG 动画、可播放的 HTML 演示,以及 GIF / 视频预览。适合想给品牌 Logo、加载图标快速做动效,又不想从头手写动画的设计师。

An image to describe post

🔗:https://github.com/nolangz/pixel2motion

#AI赛场 创意竞逐

1、香港 AI 国际电影节:面向全球征集 AI 原生影像

香港 AI 国际电影节面向全球征集 AI 原生影像,要求 AI 在写作、导演、生成、声音或后期等环节的综合参与度达到 51% 以上,设有生成电影、互动叙事、程序化系统和数字角色等方向。标准投稿到 6 月 30 日,7 月 1–10 日进入最终征集。

An image to describe post

🔗:https://www.hkaiiff.org/en

2、Global AI Hackathon:全球 13 城联动的线上加线下黑客松

Global AI Hackathon 将在 7 月 18–19 日以线上加 13 个城市枢纽的形式举行,参赛者需要在 24 小时内完成 AI 方案、演示和路演,奖金与资源合计超过 3.5 万美元。申请仍开放,分 7 月 4 日、7 月 10 日两轮截止。

An image to describe post

🔗:https://hack-nation.ai/hackathon

3、VibeCoding Hackathon 6.0:用 AI 辅助工作流交付可用 Web 产品

VibeCoding Hackathon 6.0 在 7 月 25–27 日线上举行,个人或最多四人团队需要围绕真实问题交付可公开访问的 Web 产品。

An image to describe post

🔗:https://vibecoding.nxtgensec.org/

An image to describe post

更多原创AI教程文章:

AI代码:

👉AI建站实录|代码小白用Cursor从0建个站,全流程+避坑指南

AI绘画:

👉AIGC实践|AI/AR助力文旅沉浸式互动体验探索

👉AIGC实践|AI助力微短剧创作全流程

👉AIGC实践|AI助力广告片创作全流程

👉AIGC实践|AI助力文旅短视频创作全流程

👉AIGC实践|用AI工具打造动态有声绘本

👉 AIGC实践|探索用AI实现粘土风小游戏开发全流程

👉 AIGC实践|用AI制作视频短片创作全流程

👉AIGC实践|探索用AI实现包装设计全流程

👉AIGC实践|AI助力一张照片生成百变写真集

AI模型训练:

👉AI模型训练|SD-LORA训练详解

AI系列课程:

👉AIGC系列课程|灵图AI基础讲解及实践应用