本期封面来自这里
上周去腾讯总部做了一次小分享，被一群大老板请吃饭，让我有点不知所措。周末又去了上海 Let's Vision 大会玩了一圈，见到好多网友和老熟人。所以拖更到现在才写完。
Figma
- 本来还想在上周的 PPT 里吐槽一下 Figma，结果 Figma 当晚就升级了他们的 MCP，终于可以通过
use_figma让 Claude Code、Codex 等 agent 直接在 Figma 中生成和修改设计稿了。 - 同步推出 Skills 系统，社区已提供多种预置技能如生成组件、创建设计和无障碍规范等，具体可以看看官方文档。
- 桌面端方面，macOS 全局取色器正式上线，可在屏幕任意位置捕获颜色。网友们对此功能的反应是疯狂挠头，你不发布还想不起来，这破功能隔壁的 Sketch 10 年前就支持了。
关于让 agent 操控 Figma 这件事，Figma 显然做得不好，很多网友试用后也都在吐槽，可能就是历史包袱太重了，以前没有 AI，人们需要的是性能和同步，所以 Figma 取代了 Sketch，现在看来，人们更需要的是代码和设计稿完全一致，Paper 这种完全基于 web 语义化的底层结构就更有优势了。可以看看这位开发者的画布原理解析。
除了官方的，你也可以尝试一下第三方的，比官方自己的更好用：
- Framelink
- https://github.com/youware-labs/figma-pilot
- https://github.com/silships/figma-cli
- https://portal-orpin-kappa.vercel.app/
Framer
- Framer 自家的 AI 功能终于想起来要发力了，创始人 Koen Bok 公开招募同时使用 Framer 和 Claude/Codex/Cursor 的用户参与新功能 Beta 测试，你也可以在这里申请。大概率和之前的那个第三方 MCP 插件一样，可以连接自己的 agent 来设计和管理 Framer 网站。
- 同时他们还推出 Shader 功能，支持添加动画渐变、图像特效和粒子等视觉效果，可拖拽使用且高度可定制。
- 我最近使用 Framer 维护一些旧的项目感受很明显，以前没有 AI 用 Framer 确实快捷，设计稿复制过去就能一键上线网站，但如果是复杂的项目就很痛苦，响应式布局和很多细节都要手动调整好久，AI 不能自动帮你检查和修复，用 Framer 反而是一种负担了。
其他新闻
- 设计师 Benji Taylor 宣布加入 𝕏 担任设计负责人，将与 Elon Musk 和 Nikita Bier 团队合作。这位设计师可以说是近几年做产品最强的人之一，之前在 web3 小公司，后来被 Base 收购了，做的每一个产品都好到让人爱不释手，以前他的作品只有 web3 那群人才能用到，现在搞 AI 了才逐渐被全世界知道。
- Paper 团队还宣布 Snapshot 功能，可将实时网站截取并粘贴为可编辑图层，使用真实的 HTML/CSS。
- 设计师 Salma 做了一个可爱的 Claude 键盘，可能很快淘宝上就会出现真实产品了。
- Spline 新上线了一个产品线 Omma，类似 V0 的 agent 在线平台，可以生成网站、PPT、App，当然带上了自家的 3D 元素，Dmitri 为它设计了 Logo。
- Cheng Lou 带来一项重要的 UI 工程基础性成果，看看这恐怖的点赞转发流量。其实这个创新点不在于绕过 DOM 和 CSS，性能怎么强大，而是让人们突然意识到，也许 web 发展了几十年，从一开始的标准可能就走了很多弯路，很多传统的技术都可以推倒重新发明。
上周我在腾讯主要分享了 AI 时代的设计工作流，但这个分享内容我觉得每半年甚至三个月就要更新一次，AI 时代的变化太快了。如果你不时刻学习就真的和时代脱节了。
比如上周新出现的好东西：
- ai-website-cloner-template - 让 agent 帮你 clone 任何网站。
- 还有 zanwei 老师的 design-dna 也可以做同样的事。
- Web Shader Extractor - 字节的笑林老师做了一个抓取 shader 的 skill，太好用了，比我自己逆向大法扒数据省事多了，我尝试把 Linear 最新的那个 dither 效果抓过来了，还看到有人还开源了一个版本。
最后推荐看看 Tailwind 创始人使用 Claude Code 进行设计工作流的演示视频，对于愿意尝试终端和喜欢写代码的设计师来说，任何其他工具都可以不用，只用一个 Claude Code 就能设计任何产品。
Resources↘
Image Colors
Image Colors 是一款基于 AI 聚类算法的图片配色提取工具，可从任意图片中快速提取主色调并生成调色板。隐私优先，所有图片均在浏览器本地处理，无需上传服务器，输出 HEX 和 RGB 色值，并提供对比度参考，适合设计师、开发者和创作者快速获取可用配色方案。
Typeflow.tools
Typeflow 是由 Algo 工作室打造的免费浏览器端字体动画工具，基于专业动画软件 Cavalry 构建。用户只需输入文字、选择配色方案，即可在浏览器中直接生成艺术化的排版动画，预览通过 Cavalry WebPlayer 实时渲染，视频导出由 Algo 云端基础设施完成，多位 Cavalry 社区艺术家贡献了动画模板。
