📰 设计资讯
Figma Make 已支持 GPT-5.6
OpenAI 最新模型 GPT-5.6 现已在 Figma Make 中正式上线。现在，用户可以直接在 Figma Make 聊天框中打开模型选择器，并切换到 GPT-5.6 进行设计与内容生成。该模型已对所有套餐用户开放
https://www.figma.com/release-notes/
谷歌 Noto 3D 表情设计重塑 4000 个表情
在世界表情包日（World Emoji Day）之际，谷歌官方分享了 Noto 3D 表情的幕后设计故事。设计团队重新设计了将近 4000 个表情符号，融入了更丰富的表情细节、更完善的无障碍设计，并采用了符合现代化沟通场景的全新 3D 视觉风格，让数字表达更加生动、有温度。更令人兴奋的是，因为语言的本质在于共享，所以谷歌所有的 Noto 产品组合都是完全开源的。官方已将原始的 .OBJ 3D 模型文件共享给开源社区，让任何人都可以利用它们去构建沉浸式 VR 世界、独立应用，甚至是创造各种充满创意的趣味表情包。
https://blog.google/products-and-platforms/platforms/android/world-emoji-day-noto-3d/
GitHub 仓库：https://github.com/googlefonts/noto-emoji
🏆 产品推荐
UI 设计组件、动效词典
帮你提升 Vibe Coding 前端交互设计水平的网站，在跟 AI 编码交流时，因为不知道某个组件或微动效的专业英文名称而难以描述时，Name That UI 就像一个 UI 元素的视觉词典。你只需用自己的日常语言模糊描述想要的效果，它就能帮你精准识别出对应的专业术语、API 标识，甚至提供直接可用的 Prompt，大幅提升你与 AI 协同开发的效率。
面向 AI 的动画组件库：OriginKit
OriginKit 是一款专为现代网页量身打造的精美动画组件库，它提供了大量开箱即用的前端交互组件与动效，完美适配 Framer 与 React 生态。更棒的是，它原生支持 Model Context Protocol (MCP)，这使得 Claude 等 AI 编码助手可以直接获取其组件库上下文，让你通过简单的对话就能自动编写和生成高质量的动效页面。
官网：https://toolfolio.com/tools/originkit
设计规范提取器：DesignMD
在 Vibe Coding 时代，使用 AI 辅助设计网页时，最怕的就是各个页面风格不统一。DesignMD 就是为了解决这一痛点而生的工具。它可以直接分析你指定的精美网站，将其色彩系统、字体层次、间距规范以及圆角阴影等核心设计特征提取出来，生成一份标准的 DESIGN.md 规范文件。将这份文件直接放入项目根目录，AI 编码助手（如 Claude、Cursor 等）就能读取并严格遵循这套设计系统，从而有效防止 AI 生成界面的“设计漂移”。
社区模板库：https://getdesign.md
Figma 矢量网格弯曲形变插件：Warp It
在 Figma 中实现类似 Illustrator 的网格变形（Mesh Warp）或自由变换效果，Warp It 绝对是不容错过的利器。它允许你直接对 Figma 中的矢量图形甚至文字进行扭曲、弯曲和形变操作。你只需通过拖动网格上的控制点或调节滑块，就能轻松制作出波浪形文字、透视效果的插画以及各种极具张力的创意视觉。需要注意的是，对文本进行变形后，它会将其自动转化为矢量路径，因此建议在确认文案后再进行操作
https://www.figma.com/community/plugin/923820065156924054/warp-it
Figma 矢量半色调渐变生成插件：HLFTN
HLFTN 是一款由 Pavel Laptev 开发的优秀 Figma 插件，用于一键生成精美的矢量半色调（Halftone）渐变效果。它支持径向、线性和均匀分布的网点渐变，并且生成的所有图形都是完全可缩放、可编辑的矢量对象。无论是为了给网页背景增加复古印刷感、打造波普艺术（Pop Art）风格，还是为插画和 UI 组件添加独特的噪点质感，HLFTN 都能让你在 Figma 内快速完成
https://www.figma.com/community/plugin/1000012087652644703/hlftn
🎊 设计素材
Web 交互与设计风格提示词库：Arlan's Vault
这是一个能帮你提升 Vibe Coding 前端交互设计水平的宝藏网站。网站精心整理并归纳了 Web 和 App 中常见的各种组件和动效名词，甚至还列出了诸如 Liquid Glass（液态玻璃）、Neumorphism（新拟物）等网页设计风格名称。当你不知道该用什么词汇去指示 AI 时，在这里翻一翻就能找到最地道的提示词
复古像素风图表库：Dither Kit
Dither Kit 是一款极具复古像素美学风格的图表及 UI 组件库。它基于超轻量的 Canvas 引擎构建，不需要依赖繁重的 Recharts。组件库包含了折线图、柱状图、饼图、雷达图以及生成式头像和渐变色块等，其特有的有序抖动（ordered-dither）填充在亮色和暗色模式下均有极佳的视觉表现，且自带细腻的入场动效和滑动 Tooltip，是打造个性化像素风页面的不二之选。
https://www.tripwire.sh/dither-kit
动效 SVG 图标库：AnimateIcons
如果常规的静态图标已经无法满足你的交互要求，那不妨试试 AnimateIcons。这是一个专为现代网页微交互（Micro-interactions）打造的开源动效 SVG 图标库。它提供了一大批包含内置悬停（hover）和循环（loop）动画的精美 SVG 图标，非常适合与主流的 shadcn/ui 或 motion/react 等前端框架配合使用。直接复制代码即可嵌入项目，支持随意修改大小和颜色，能为你的网页细节带来立竿见影的灵动感。
https://github.com/Avijit07x/animateicons
Jitter 动态图形模板库
Jitter 是一款网页动画编辑工具。今天为大家推荐的是它的官方模板库，这里提供了海量免费且高质感的动态图形模板（如 UI 交互动画、社交媒体动效、图标微动效等）。你可以直接将这些模板复制到你的 Jitter 工作区中，快速替换自己的文字与素材，并支持一键导出为 GIF 或高画质视频，非常适合需要快速产出精美动效的设计师和运营人员。
https://jitter.video/templates/all/
我们是谁？
Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）
