2026-06-15
每周资讯
WWDC26：果味美学的「官方顶配军火库」 🍏
WWDC26 官方阵地，汇总百场技术会话、直播工坊与新品文档
灵感资源
Flipbook：沉浸式视觉浏览新体验 👁️
实时生成纯像素化视觉页面，点击即可深度探索相关内容
工具案例
yijingjia/skills：网页设计系统提取 Skill 🛠️
适配 Claude Code，一键抓取整站设计规范，支持可视化呈现
Kami：AI 文档排版约束系统 📄
专为 AI Agent 打造，内置标准化排版规则，输出印刷级 PDF 与网页文档
beautiful-html-templates：AI 幻灯片模板库 🎞️
拒绝 AI 塑料感的高颜值模板库：严格筛选的精美 HTML 落地页、组件与仪表盘集合 → 风格直逼硅谷一线大厂，彻底告别熬夜调前端样式的痛苦
HTML PPT Skill：让 Claude 替你打工的「前端演示文稿引擎」 🛠
纯代码驱动的零延迟演说魔法：专为 Claude 设计的 HTML 幻灯片生成 Skill → 扔一个大纲，AI 实时编译出高颜值、带丝滑过渡的动态演示文稿
PromptCard：图片转精细提示词 🖼️
上传图像自动拆解构图、光影、风格等细节，生成专业 AI 绘图提示词
developer.apple.com
WWDC26：果味美学的「官方顶配军火库」 🍏
WWDC26 官方阵地，汇总百场技术会话、直播工坊与新品文档；重点更新本地智能体 AI、SwiftUI 图形特效、全系新系统iOS27及 Xcode 开发能力，苹果开发者必备前沿参考
每周资讯灵感· 资讯· 品牌· UX
flipbook.page
Flipbook：沉浸式视觉浏览新体验 👁️
实时生成纯像素化视觉页面，点击即可深度探索相关内容；依托大模型与全网信息，创新无代码浏览模式，还可开启实验性视频流转效果
灵感资源工具· 灵感· UX· AI
github.com
yijingjia/skills：网页设计系统提取 Skill 🛠️
适配 Claude Code，一键抓取整站设计规范，支持可视化呈现；提取成果可直接复用至自有项目，大幅复刻设计样式与布局逻辑
工具案例工具· 灵感· UX· AI· 字体· 色彩· 品牌
github.com
Kami：AI 文档排版约束系统 📄
专为 AI Agent 打造，内置标准化排版规则，输出印刷级 PDF 与网页文档；8 类文档模板 + 多语种适配，告别 AI 排版杂乱问题，零配置即用
工具案例AI· 工具
github.com
beautiful-html-templates：AI 幻灯片模板库 🎞️
拒绝 AI 塑料感的高颜值模板库：严格筛选的精美 HTML 落地页、组件与仪表盘集合 → 风格直逼硅谷一线大厂，彻底告别熬夜调前端样式的痛苦。；即插即用的生产力加速器：源码结构极其干净清晰，配合 Cursor 一秒就能魔改成自己的产品官网 → 零基础也能像素级还原高端视觉。
工具案例UX· AI· 品牌· 工具
github.com
HTML PPT Skill：让 Claude 替你打工的「前端演示文稿引擎」 🛠
纯代码驱动的零延迟演说魔法：专为 Claude 设计的 HTML 幻灯片生成 Skill → 扔一个大纲，AI 实时编译出高颜值、带丝滑过渡的动态演示文稿。；打破传统 Office 的降维打击：一键导出原生 HTML，支持自适应全屏渲染与动态交互嵌入 → 极客范直接拉满，强迫症设计师的汇报神器。
工具案例AI· 工具
promptcard.net
PromptCard：图片转精细提示词 🖼️
上传图像自动拆解构图、光影、风格等细节，生成专业 AI 绘图提示词；支持中英双语一键复制，适配各类生图模型，提升出图精准度
工具案例AI· 工具· 灵感
nintendo-systems.com
Nintendo Systems｜任天堂后端产品 & 设计体系站点 🎮
任天堂 ×DeNA 合资技术团队官网，承载 eShop、Nintendo Music、账号系统全链路落地；海量大厂落地案例：音视频分发、账号 Passkey、推送系统、数据基建，产品 / 后端设计参考拉满
工具案例灵感· 资讯· 品牌· UX· AI
thesvg.org
theSVG｜免费商用品牌 SVG 图标库 🖼️
6000 + 主流品牌矢量 Logo，开源免署名，直接复制 SVG 代码即用；网页 / UI 开发快速插入品牌图标，告别手动临摹素材
灵感资源UX· 工具· 灵感
aigoodies.beehiiv.com
Aesthetics 2026｜2026 设计视觉趋势报告 📈
聚焦 AI 时代网页 & 视觉审美走向，梳理全年主流设计风向与落地特征
工具案例UX· 品牌· 色彩· 资讯· 灵感
stateofaidesign.com
State of AI Design 2026｜全球设计师行业白皮书 📊
全球 900 + 设计师问卷产出，揭秘 2026 设计工具大变局：Claude 反超 GPT、人均 7 款 AI 工具；收录 Stripe/Anthropic/Notion 一线实战案例，拆解设计师自研工具新趋势
工具案例灵感· 资讯· AI· UX
further.group
OpenCoreOS｜银行金融品牌视觉全案 🏦
头部银行专属 AI 原生核心系统，跳出金融惯用蓝色体系，OC 字母融合为圆点标识，搭配流线造型与亮眼橙调；大面积留白打造轻量化视觉，将消费品简约质感落地传统金融，品牌辨识度突出
工具案例品牌· UX· 色彩· 灵感
github.com
guizang-ppt-skill｜Claude 专属杂志风网页 PPT 生成 Skill 📑
归藏开源 Agent 插件，两种主流版式：电子墨水杂志风 + 瑞士极简风，内置 5 套配色、10 类页面模板；一句话生成单文件 HTML 横版演示文稿，自带 WebGL 流体动效封面，浏览器直接打开，发布会 / 行业分享快速出精致幻灯片
工具案例工具· 灵感· 色彩· 品牌· UX· AI
anthropic.com
Recursive Self-Improvement｜当AI开始「自己当工程师」，人类站在了技术史的十字路口 🤖
AI已经在加速AI的开发，而这条路的终点，将是一个完全自主构建其继任者的系统；Anthropic 研究院万字重磅研究，实测现阶段 Claude 包揽内部 80% 以上项目代码，工程师单人产出较 2021 年暴涨 8 倍，AI 从代码助手进阶成研发主力；梳理 AI 迭代四阶段进化路径，分三大未来场景推演，详解递归自我改良的技术红利与 AI 失控、安全对齐等潜在风险，AI 从业者必读行业前瞻报告
每周资讯资讯· 灵感· AI· 品牌
anthropic.com
Claude Opus 4.8 🚀 Anthropic 旗舰模型大升级
新增动态工作流 + 任务 effort 控制，超大项目也能搞定；推理与代码能力更强，高速模式降价 3 倍，协作更稳更快
每周资讯资讯· AI
mp.weixin.qq.com
Codex Annotation ✏️ 补足“设计最后一公里”
页面直接圈选标注，像 Figma 一样改界面，告别文字描述不清；打通设计→开发最后一公里，Vibe Coding 效率直接起飞
每周资讯资讯· AI
designmd.supply
DesignMD.supply：品牌 DESIGN.md 一键生成站
输入品牌官网，自动提取视觉规范生成DESIGN.md；AI 代理直读，快速复刻大厂界面，设计系统一键落地
灵感资源灵感· 工具
land-book.com
Land-book：全球网页设计灵感库
精选高质量落地页、官网、作品集，每日更新；按行业 / 色彩 / 风格/ 页面板块筛选，找网页参考不踩雷
工具案例工具· UX
cavalry.studio
Cavalry：专业实时 2D 动画工具
个人完全免费，实时渲染 + 数据驱动动画，大厂都在用；支持 rig 绑定、文本动画、Lottie 导出，动效设计师必备
工具案例工具· UX
atom63.io
atom63 Halftone：半色调视觉设计博客
专注半色调（Halftone）质感效果，复古印刷风视觉教程；含 Shader 实现思路，做质感版面、海报氛围感直接拉满；设计工程设计师个人博客，从零到一的人工智能产品开发
工具案例工具· UX
github.com
GSAP Skills：GSAP 官方 AI 动画技能库
适配 Claude/Cursor/Copilot 40+ AI 代理，动画规范零出错；覆盖时间轴、ScrollTrigger、React/Vue 适配，全家桶免费商用
工具案例工具· UX
design-extractor.com
Design Extractor：AI 一键提取网站设计系统
粘贴网址即生成结构化 DESIGN.md，自动提取色彩、排版、间距、设计令牌；直接喂给 Claude/Cursor 等 AI 编码代理，秒出像素级一致 UI
工具案例工具· UX
blog.google
Google I/O 2026 ⚡️近年来科技界最疯狂的一次“掀桌式发布”！
终极世界模型Gemini Omni面世，多模态交互“无形进化”；Gemini 3.5 Flash占领核心生态，基建级高端引发行业洗牌；开发生态巨变：Antigravity 2.0 与 Google Stitch 推倒生产力柏林墙
每周资讯资讯· AI
designeverywhere.co
Design Everywhere：拒绝平庸的「无边界视觉美学圣经」🌌
打破千篇一律的独立设计策展：精准精选收录全球最具先锋感的平面、排版、品牌和数字艺术作品 → 彻底告别传统的“大厂工业风”和AI塑料感，每天刷10分钟，直接给你的视觉美学做一次彻底洗髓；跳出特定类别的创意跨界联动：不涉及网页和UI，把实体包装、书装帧走向极简视觉美学一网打尽→最适合在创意枯竭、需要高维破局时来寻找灵感，直接闭眼加入收藏夹就对了
灵感资源灵感· 工具
aigoodies.beehiiv.com
2026 Design Job Description：大厂JD集体变天，设计师正被“代码与AI”重构
AI原创工作流成为“新基线”：纯画画的UI/UX正被无情淘汰，用代码做传承、靠近模型思考成为硬通货 → 技术边界的设计师直接封神，唯年限论彻底失效；设计工程师欢呼黄金时代：从之前的冷门直接跃升为现在的“顶阵” → 专职UX研究空间被挤压，能降维打击开发的“设计工程师”才是未来的绝对道理
工具案例工具· UX
chromewebstore.google.com
规范快摘：打破设计与代码柏林墙的「e Vibe 神器」🧩
🛠️ 怎么用？（3步直接起飞）；Step 1： 谷歌浏览器插件商店搜索：【规范快摘】；Step 2： 在你喜欢的灵感网站上，点击插件一键复制；Step 3： 扔给 Cursor / Claude 4.6 等大模型，直接“Vibe”出你的产品！
工具案例工具· UX
image2prompt.net
image2prompt：读懂目的地的「逆向提示词黑客」🌌
像素级的视觉逆向工程：扔进任何一张设计图、插画或渲染图，每秒级解析出最硬核的底层提示词 → 彻底告别盲盒式盲猜，让中途/稳定扩散精准听话；降维打击的风格精炼丹术：不仅能精准聚焦结构图与色彩，还能完美切断艺术风格与镜头参数 → 取出即用，让你的AI灵感库直接拉满，强化措施设计师直接狂喜
工具案例工具· UX
github.com
华树设计：把Claude Code榨干的「HTML设计引擎」
无视限制的Claude Design平替神作：Claude Code的开源原创设计技巧，支持零限制、不限次数疯狂输出高保真原型、作为幻灯片和动态图表→完美打破云端焦虑，让AI的输出精度直逼人类高级设计师；对抗AI塑料感（Anti-AI-Slop）的像素级评审：弱死高度20项大师级设计哲学，内置极为硬核的“五维智能自审机制”→任何低于3分的视觉稿都会被无情推倒重写，直接一键导出HTML或MP4，让独立开发者的审美闭眼帝国
工具案例工具· UX
particleify.talizen.com
Particleify：图片的「粒子物理魔法器」 🌌
纯Canvas驱动的零延迟物理渲染：投进任何一张Logo、设计图或噪点插画，一秒将其碎裂成万级所需粒子，网页动效补充直接拉满；前置与交互设计师的动态拓扑神器：支持自由多粒子的重力、速度颜色和扩散路径 →拒绝千篇一律的死板过场，把生成的极简动效一键变成网页背景或交互彩蛋，纯前端纯干货工具，直接去捏属于你的人群宇宙！
工具案例工具· UX
blog.google
Gemini Intelligence 🤖Android 全新 AI 智能系统
谷歌全新 AI 原生交互，覆盖多场景智能操作，设计可直接参考；支持图片 / 视频一键转卡片、底部 AI Bar 顺滑唤起、语音润色、智能 Widget 动画
每周资讯资讯· AI
shadcn.io
Shadcn.io： AI Native React 组件库 🧩
生产级 UI 组件 + 高级模式 + AI 集成，一键复制即用；含图表、动画、WebGL 特效、自定义 Hooks，全栈开发必备
灵感资源灵感· 工具
blog.maximeheckel.com
On Rendering the Sky, Sunsets, and Planets：代码画天空、日落与行星 🌌
用 Shader 实时渲染逼真天空、大气层、日落与行星；详解光线散射、雾效、LUT 优化，从地面到太空全流程实现
工具案例工具· UX
design.google
Designing for Transparent Screens：XR / 眼镜界面设计必读 🕶
谷歌官方透明屏设计系统，适配 AR/AI 眼镜；解决反光、光晕、可读性问题，提供深色底 + 亮色字最佳实践
工具案例工具· UX
figma.com
Figma to Mark：Figma 一键转 MD 插件 📝
快速把 Figma 内容转为 Markdown 格式，方便文档同步
工具案例工具· UX
shadergradient.co
Shader Gradient：动态磨砂渐变背景神器 ✨
可自定义流动渐变、颗粒、光影，支持导出 GIF / 视频；Figma 插件直接使用，做高级背景超省心
工具案例工具· UX
skills.sh
find-skills：Vercel Agent 技能发现工具 🛠
帮 AI Agent 自动查找、安装扩展技能；按任务推荐、支持 CLI 一键安装，质量有保障
工具案例工具· UX
claude.com
Collaborate with Claude across Excel, PowerPoint, Word and Outlook 📎 Claude × Microsoft 365 跨应用协作
打通 Excel/PPT/Word/Outlook，跨应用保留对话上下文，无需重复说明需求；数据自动同步联动，Excel 修改数值后，PPT 图表、Word 文档一键同步更新；Outlook 支持智能分类邮件、起草回复，企业可统一部署并全流程监控
每周资讯资讯· AI
keycon.space
KEYCON：AI 图标生成工作室 ✨
搭载 64+AI 模型，支持风格快速混搭，图标全程统一；新手友好，一键出专业级图标，适配各类 UI 设计场景
灵感资源灵感· 工具
tdc.org
Flux Watch Face：Apple 获奖级变量字体表盘 ⌚
斩获 TDC 设计大奖，搭载10 轴可变字体，数字随时间动态变形；手工打造 4320 种时间排版，适配 3 类数字体系，全局适配性拉满
工具案例工具· UX
mesh3d.gallery
mesh3d：3D 动效网页灵感库
专注Three.js & WebGL的 3D 交互动效聚合站；收录前沿 3D 网页案例，做沉浸式界面直接找参考
工具案例工具· UX
flumpstudio.com
NASA Artemis：登月计划品牌全案
Flump Studio×Superunion 联合打造，定制字体参照地轴倾角，电影感拉满；配套 SLS 火箭可视化拆解 + 完整品牌规范，全链路视觉落地
工具案例工具· UX
designprompts.dev
design/prompts：AI 界面提示词天花板 🎨
打包 30 种主流 UI 风格提示词，极简、赛博、野兽派全覆盖；复制粘贴到 AI 助手，分钟级出统一质感界面，零设计门槛
工具案例工具· UX
stylekit.top
stylekit：网页风格设计百宝箱
127 + 视觉风格 + 49+CSS 动画 + 35 + 页面模板，开源持续更新；附设计规范、代码片段与 AI 规则，一键导出适配任意项目
工具案例工具· UX
x.com
Claude Design 🔥 AI设计全链路神器，重塑视觉工作流
定位“自然语言→可交互原型→可交付文件”全链路；覆盖UI/UX、营销素材等场景，零设计门槛+企业级适配；全格式导出+无缝对接开发，告别协作内耗
每周资讯资讯· AI
spell.sh
Spell UI：宝藏React组件库 🔧
专为设计工程师打造，高质感React组件可直接复制粘贴，动画和小巧思拉满；强推Spotify Card！播放转动唱片效果太绝，每款组件都藏着用心
灵感资源灵感· 工具
uiprompt.art
UI Prompt Explorer : AI UI 风格灵感 + 提示词神器 🎨
收录手绘、极简、赛博等超多 UI 风格，一键生成同款风格 Prompt；适配 Claude、Cursor 等 AI 工具，轻松做出统一质感界面
工具案例工具· UX
uiprompt.site
UI Design Prompt: AI 生成 UI 避坑神器 ✍
70+ 设计风格全覆盖，双语 Prompt 模板直接复制即用；解决 AI 界面同质化、没设计感问题，一键预览 + 导出代码
工具案例工具· UX
visiteamazonia.com.br
Brazilian Amazon brand identity ：自然感拉满的品牌设计 🌿
巴西亚马逊首个官方目的地品牌，由FutureBrand São Paulo主导设计；亮点封神！logo用亚马逊河流卫星影像曲线打造，自带自然肌理；覆盖9个州，有“Made of Amazon”本地产品印章，主打可持续旅游与文化推广
工具案例工具· UX
motionsites.ai
motionsites：AI 高级动效落地页提示词库
现成可复制的高级动效 Hero 区提示词，SaaS、作品集、Web3 全场景；不用从零调 prompt，复制粘贴秒出高级质感动画页面
工具案例工具· UX
aura.build
Aura：一键生成网页 + 代码
输入一句话生成响应式网页，支持导出 HTML、Tailwind、Figma；数百套模板覆盖网页 / 移动端 / 动效，新手也能快速出高保真页面
工具案例工具· UX
x.com
图像革命：duct-tape (GPT-Image-2) 让 AI 生图直接封神
文本渲染开挂，曲面上也不变形错位；照片级真实感碾压同类，还原度直逼实拍。
每周资讯资讯· AI
getdesign.md
get design.md —— 设计系统灵感库
收录 SpaceX、IBM 等大厂设计系统，配色、排版亮点一眼 get，AI 代理秒读取。
灵感资源工具· 灵感
diana.lu
Point and Talk —— 这多模态 AI 交互太酷了
Diana Lu 打造，核心「指哪说哪」，手势 + 语音交互巨自然，AE+Origami 制作。
工具案例灵感· AI· UX
uxtools.co
State of Prototyping: Spring 2026 —— 设计行业报告，太敢说！
UX Tools 出品，1478 名全球设计师样本，Figma 后最常用工具竟是 Claude！
每周资讯资讯· UX
weship.today
Claude Code for Designer —— 设计师专属入门教程，零代码可冲
设计师 Jan Haaland 免费课程，导入 Figma → Claude 生成 brief → AI 搭界面 → 部署 Vercel。
工具案例工具· AI
vibecodingfang.netlify.app
设计师的 Vibe Coding 完整工作流：AI 帮写代码，躺平交付
专为 UI/UX 设计师定制，核心「指挥 AI 写代码」，三阶段工作流 + Prompt 模板。
工具案例工具· AI
step1.dev
Step1 —— 像素级网站克隆神器
一键克隆任意网站，动效、布局 1:1 还原；可视化点哪改哪，三步搞定专属网站。
工具案例工具
figma.com
Figma Weave：Figma 的下一代 AI 原生创作平台 🧵
整合生成式 AI 与专业编辑工具的开放画布平台，由 Figma 收购 Weavy 后合并成立。；支持图像、视频、动画、动态设计与视觉特效的一站式生成与编辑，打通创意全流程。；可自由调用 Seedance、Sora、Veo、Flux 等顶尖模型，并支持手动调光、遮罩、调色等精细编辑。
每周资讯资讯· AI
onepagelove.com
One Page Love：单页网站灵感集合
老牌优质设计网站，手工精选 8000+ 高质量单页网站案例。；覆盖 SaaS、作品集、落地页等全类型，找网页灵感高效不踩雷。
灵感资源灵感· 工具
github.com
Superpower：AI Agent 开发技能框架
一套成熟的 Agent Skills 框架与软件开发方法论，内置 14 个核心技能。；覆盖产品脑暴、代码规划、TDD 测试驱动开发、执行验收全开发流程。
工具案例工具· UX
paidax01.github.io
math-curve-loaders：数学曲线加载动画库
基于数学曲线生成的创意加载动画合集，极简高级、动效流畅。；包含玫瑰曲线、李萨如图、心形曲线等多种数学动效样式。
工具案例工具· UX
mp.weixin.qq.com
即梦Octo：全流程 AI 协同创作工具 ✨
全流程、具备思维能力的 AI 与人共创创作工具，采用 Vibe Create 创作模式。；支持实时对话协同，边沟通边生成素材，无需等待指令执行。
工具案例工具· UX
figma.com
WhatFontIs Font Finder：Figma 字体识别插件 🔤
可识别 Figma 任意图层字体，通过 API 匹配百万级字体库。；支持免费 / 商业字体检索，也可粘贴图片直接识别字体。
工具案例工具· UX
awesomedesign.pages.dev
Awesome Design.md：AI 设计效率工具库 📄
基于 Google Stitch 理念的开源 DESIGN.md 仓库，纯 Markdown 格式，AI 可直读。；收录 Apple、Stripe、Notion 等大厂设计系统，覆盖色彩、组件、布局全模块。；放入项目根目录即可让 AI 生成像素级一致界面，大幅提升设计效率。
工具案例工具· UX
x.com
Lovart、LibTV... 正式上线 Seedance 2.0 模型
Lovart、LibTV 等平台正式上线 Seedance 2.0 模型，助力 AI 创作效率升级；适配多类创意场景，进一步优化模型输出质感，衔接现有创作工具生态
每周资讯资讯· AI
craftwork.design
Craftwork：全球优质设计灵感精选平台 🎨
全球优质设计作品精挑细选，风格分类超清晰，小众高级不撞款；逛展式浏览体验，无需筛选即可攒满设计灵感，适配各类创作参考
灵感资源灵感· 工具
dixonbaxi.com
Tiktok Rebrand：TikTok 品牌重塑案例 📱
DixonBaxi 为 TikTok 打造的品牌重塑案例，升级品牌视觉体系；贴合 TikTok 年轻化、全球化调性，强化品牌识别度，适配多元传播场景
工具案例工具· UX
typeflow.tools
Typeflow：浏览器端免费字体动画工具 ✍
Algo 工作室打造，基于专业动画软件 Cavalry 构建，浏览器端可直接使用；输入文字、选择配色即可生成艺术排版动画，实时预览、云端导出，含艺术家定制模板
工具案例工具· UX
together.agency
VoidZero by Together.：VoidZero 品牌设计全案 🧩
Together. 为 VUE 母公司 VoidZero 打造全套品牌设计，采用 branded-house 策略；以 “80% 统一 / 20% 差异” 原则，统一 logo、色彩系统，解决旗下开源工具视觉割裂问题▫️ 覆盖品牌架构、视觉识别、营销网站及设计系统，构建连贯品牌生态
工具案例工具· UX
impeccable.style
Impeccable：UI/UX 设计实用 Skill 🎨
专注 UI/UX 设计的辅助 Skill——Impeccable，助力优化界面质感；搭配相关文章分享，补充设计技巧，适配设计师日常创作、界面优化需求
工具案例工具· UX
ui-ux-pro-max-skill.nextlevelbuilder.io
UI UX Pro Max：UI/UX 设计辅助工具 🛠
专业 UI/UX 设计辅助工具，提供优质配色方案、界面设计参考；可辅助提升网页视觉层次感、优化界面精致度，支持技能调用，适配各类设计场景
工具案例工具· UX
x.com
Figma MCP 🤖 AI 代理开放画布
Figma 画布向 AI 代理开放，基于 MCP 实现 AI 直接编辑设计。；支持 Skills 工作流，连接代码与设计，提升 AI 协作效率。
每周资讯资讯· AI
pixabay.com
Pixabay：免费高清视频素材库
免费正版视频素材库，海量社区贡献高清片段，覆盖多题材场景。；支持 4K 画质，可免费商用，无需版权授权即可使用。
灵感资源灵感· 工具
godly.website
Godly：极简网页设计灵感平台 ✨
每日更新全球优质网页设计案例，浏览极简高效。；专注网页视觉灵感，适合设计师快速找参考、破同质化。
工具案例工具· UX
pageflows.com
Pageflows：网页交互流程参考库
收录大量产品页面流程与交互案例，直观参考真实产品路径。；助力 UI/UX 设计师优化页面逻辑与用户体验。
工具案例工具· UX
component.gallery
The Component Gallery：设计系统组件库 🧩
收录 63 类常用 UI 组件、93 套设计系统、2560 个实战示例，覆盖树状视图、弹窗、评分、手风琴等高频场景。；适配 React、Vue、Angular 等多技术栈，配套代码示例与使用指南，设计开发可直接参考复用。；汇聚 Red Hat、Visa、Chakra UI 等知名设计系统，兼顾可访问性、开源性，是 UI 设计 / 开发高效找参考的优质平台。
工具案例工具· UX
datatool.vip
DataTool.vip：多平台视频下载工具 📥
支持从任意平台下载视频，一键提取素材。；操作简单，满足内容创作、素材收集需求。
工具案例工具· UX
pexels.com
Pexels：免费商用视频素材库
高质量免费视频素材库，题材丰富，更新及时。；可免费商用，适合短视频、设计、演示等多场景使用。
工具案例工具· UX
stitch.withgoogle.com
Stitch 🧑🎨 谷歌 AI 原生 UI 设计画布
全新 AI 无限画布：支持图片、文本、代码多形式内容作为设计上下文，从创意构思到可交互原型全流程承载，放大创作自由度；；智能设计代理：搭配全新设计 agent 与 Agent manager，可追踪项目进度、并行探索多设计方向，还能跨项目演化推理设计逻辑；；高效设计系统：支持从任意 URL 提取设计系统，通过 DESIGN.md 标记文件实现设计规则的导入导出，无缝对接各类设计 / 开发工具，避免重复造轮子；；实时原型迭代：静态设计一键转交互式原型，秒级拼接设计页面，点击预览应用流程，AI 可根据交互自动生成后续逻辑页面，快速验证设计想法。
每周资讯资讯· AI
rebrand.gallery
Rebrand: 品牌重塑设计 & 视频灵感库
专注品牌视觉重塑的灵感平台，汇聚优质品牌设计系统、视觉标识升级案例与品牌焕新视频，为品牌设计提供多元参考。；聚焦品牌升级全流程视觉表达，是品牌设计师挖掘焕新灵感、参考优秀案例的优质平台。
灵感资源灵感· 工具
grainrad.com
grainrad： 创意媒体风格化处理工具 🌁
免下载的浏览器端创意媒体处理工具，支持图片、视频、GIF 及 3D（GLB）文件的实时风格化转换，无需本地部署即可操作。；内置十五种以上效果，涵盖 ASCII、抖动、半调、轮廓检测、像素排序、VHS 等潮流视觉风格，搭配预设系统，快速出片无门槛。；支持多格式导出，可将处理后的作品保存为 PNG、SVG、MP4 等，适配设计创作、视觉表达、内容制作等多场景需求。
工具案例工具· UX
openui.com
Open UI：生成式 UI 开源标准工具包 🛠
面向生成式 UI 的开源工具包，核心能力是让 LLM 在对话中直接返回结构化 UI 组件而非纯文本，彻底改变 AI 应用的交互输出形式。；可灵活对接业务自有组件，兼容 ShadCN、Material 等主流设计系统。；全生态适配，兼容 OpenAI、Anthropic、Gemini、Mistral 等主流 LLM，可对接 Vercel AI SDK、LangChain、CrewAI 等开发框架，跨平台性强。
工具案例工具· UX
jakub.kr
Details That Make Interfaces Feel Better：界面质感提升的几个设计细节 ✒
聚焦前端界面设计的小众实用细节，从文本排版、视觉样式、动效设计三大维度，分享让界面更细腻自然的实操方法，所有技巧均附代码示例与逻辑原理。
工具案例工具· UX
variant.com
Variant：AI 时代的 Behance 🎨
主打以自然语言 Prompt 生成 UI 界面、排版及视觉设计的 AI 工具，被称作 “AI 时代Pinterest”，专治 AI 创作同质化、审美疲劳问题。；拥有多元创作者社区，汇聚不同国家、文化背景的设计作品，直观展现差异化审美，各类天马行空的 Prompt 创作堪称 “视觉按摩”。；适配 UI 设计、视觉创作等场景，是设计师摆脱 “AI 味”、洗眼找灵感的优质平台，可直观参考多元创作思路与 Prompt 玩法。
工具案例工具· UX
liblib.tv
LibTV：首款面向人类与 AI 代理的专业 AI 视频创作平台
双创作入口：人类可在无限画布上搭建脚本、分镜、剪辑全流程，借助 20 + 自研 AI 工具精准调控画面要素，完成脚本到成片的闭环创作；AI 代理可通过 Skill 接口调用预置创作能力，自动完成脚本、分镜、制作、剪辑全流程。；丰富核心能力：支持单句生成 5 分钟短片 / 动画、输入视频 URL 复刻风格、音乐转音乐视频、输入网址生成产品展示视频，可调用 Lib Nano Pro、Kling 3.0 等顶级模型。；生态与功能配套：提供 Github/Clawhub Skill 安装渠道，集成多类型节点可视化组织项目，搭载一站式 Model Hub，适配商业广告、专业影视、动漫游戏等多创作场景。
工具案例工具· UX
openreview.net
DragStream 🎬 实时拖拽视频编辑技术
由新加坡南洋理工大学与合肥工业大学团队提出，首次实现视频流式生成过程中的实时拖拽编辑，支持「任意时刻、任意内容」的细粒度操控，打破AI生成视频中 “生成 - 不满意 - 重生成” 的低效循环；核心贡献：定义全新 REVEL 任务，统一拖拽式视频操控范式，将操作整合为 “编辑（修改已生成帧）” 与 “动画（生成后续帧）” 两类，均支持平移、变形、2D/3D 旋转等丰富效果
每周资讯资讯· AI
figma.com
Attention Insight: Figma AI 眼动热力分析 👁
基于百万真实眼动数据训练深度学习模型，Figma 内一键分析设计；生成热力图、清晰度 / 焦点评分等结果，模拟用户视觉焦点分布；替代轻量级眼动研究，发布前验证 CTA、视觉层级，数据化优化设计
灵感资源灵感· 工具
bruno.co
Sumeria by Bruno：银行应用品牌广告创意设计
法国金融科技品牌 Sumeria 首支广告，以法式喜剧双人组为灵感，俯拍视角仅呈现手部互动，搭配荒诞趣味的对话形式；极简线稿视觉贯穿全物料，轻量设计建立品牌视觉统一性
工具案例工具· UX
frostcollective.com
Woolooware Shores by Frost* Collective： 悉尼海滨退休社区品牌重塑 🌊
规避养老行业刻板印象，以时尚大片质感拍摄七八十岁真实居民，重新定义老年生活为「值得羡慕的人生」；用精致字母标、海岸渐变色调打造简约当代的品牌视觉，全触点营造感官体验，营销获高转化且刷新行业认知
工具案例工具· UX
business.pinterest.com
Pinterest Palette 2026：2026 年度流行色 🎨
Pinterest 官方发布 2026 年度流行色体系，为视觉设计、品牌打造、创意创作等场景提供专业色彩参考方向
工具案例工具· UX
figma.com
Stippling：Figma 矢量点绘 + 半色调效果插件 ⚫
双效合一：同时生成 点绘（Stippling）与半色调（Halftone）效果，无需切换插件。；全对象支持：可对图片、Frame、矢量形状直接应用，不局限于位图。；矢量输出：生成的点阵为可编辑矢量点，可单独选中、移动、修改颜色，非像素化效果。；形状类型：点、矩形、线、六边形、三角形、文本
工具案例工具· UX
artsexperiments.withgoogle.com
Art Palette：谷歌艺术实验色彩配色工具
谷歌艺术实验平台推出的AI智能配色工具，根据上传图片生成配色方案
工具案例工具· UX
x.com
GPT-5.4🤖 原生电脑操控 AI 模型发布，成 OpenClaw 天选搭档
OpenAI 发布GPT-5.4，首次实现原生电脑操控能力，可通过键盘 / 鼠标、屏幕截图识别、编写 Playwright 代码操控各类应用；OSWorld-Verified 测试中达成 75.0% 成功率，超越人类平均水平（72.4%），支持自定义风险确认策略；适配 OpenClaw 开源 AI 助手，100 万 Token 上下文、工具搜索机制（Token 消耗直降 47%）等特性精准匹配需求，获创始人强烈推荐；已上线网页版与 Codex 平台，可操作日历、APP、计算器、终端等，覆盖办公全场景，推动 AI 从对话式向智能体跨越
每周资讯资讯· AI
darkmodedesign.com
DarkModeDesign：暗黑模式设计资源网站 🌘
专注暗黑模式设计的垂直资源平台，聚合各类暗黑模式设计参考、案例与技巧；为设计师提供暗黑模式配色、布局、动效等设计灵感，适配 UI/UX 设计场景需求
灵感资源灵感· 工具
antimetal.com
Antimetal：云原生 AI 运维平台 ⚙
界面设计兼具功能性与极致美感，摆脱 AI 生成设计的同质化，以简洁精致的视觉呈现打造舒适操作体验；主打云基础设施全生命周期 AI 运维，联动云平台、可观测工具与代码，实现问题自动排查、修复与预防
工具案例工具· UX
mp.weixin.qq.com
Codex × Figma：双向工作流实操
核心逻辑：通过 MCP Server 打通 Figma 与 Codex，实现 “设计结构→代码生成→设计修改” 的闭环协作，无需手动转换
工具案例工具· UX
figma.com
Non Boring Gradients：Figma 渐变设计插件 🎨
专为 Figma 打造的渐变设计插件，支持创建基于缓动函数（插值空间）的曲线渐变，摆脱常规线性渐变的单调感；兼容 HSL、ZYX、LCH 多色彩空间，可灵活调整渐变的色彩过渡逻辑与曲线形态；适配 UI 设计中背景、组件、视觉装饰等多场景渐变制作，丰富设计视觉层次与质感
工具案例工具· UX
dropfly.cn
Glassify FX：在线玻璃肌理效果制作工具 🪟
免下载的在线工具，打开网页即可快速制作玻璃肌理、磨砂折射效果，几分钟就能出片；内置 Classic、Ribbed、Mosaic 多款纹理模板，也支持自定义上传纹理，创作自由度拉满；全可视化调节核心参数，新手也能精准把控
工具案例工具· UX
figma.com
CMYK HALFTONE：Figma 复古印刷半色调效果插件
可精准重现传统 CMYK 半色调印刷效果，一键为设计添加复古印刷质感；支持全自定义调节，可自由设置网点颜色、大小、频率，还能添加印刷瑕疵效果，还原真实印刷肌理；自动在图像上叠加青、品红、黄、黑四色半色调网点，色彩层次贴合传统印刷工艺，氛围感拉满
工具案例工具· UX
seed.bytedance.com
Seedance2.0：AI 音视频创作导演级工具
多模态输入：支持文本、图像、音视频混合参考，精准复刻风格与运镜；导演级可控：自定义镜头运动、光影效果，保证画面统一连贯；音画一体化：音效与画面同步生成，立体声输出，省去后期合成；高效产出：快速生成 2K 高清视频，支持编辑延长，提升设计落地效率
每周资讯资讯· AI
magicpattern.design
MagicPattern：无缝图案生成工具 🔹
一键生成无缝图案，上传图片即可制作无拼接痕迹的可无限重复图案；支持旋转、间距、色彩等多参数调节，可添加噪点、模糊效果优化质感；适配背景、品牌视觉、插画、壁纸等多设计场景
灵感资源灵感· 工具
paper.design
Paper：领先 Figma 的智能互联设计工具 📈
桌面版上线，支持 MCP 协议与 AI agents 直连对话；一键生成设计与代码，实现设计 - 代码双向同步；互联画布打通工具 / 数据 / 代码库，设计可用真实内容；交互与功能更优，智能承接重复工作
工具案例工具· UX
x.com
重建设计职业：2026 年设计职业重启发展策略 🧭
Adrian Kuleszo 分享 2026 设计职业发展策略，直面 AI 民主化基础设计工作的行业现状；提出设计师需跳出像素级操作，深耕高阶战略思维与企业级执行能力；倡导从纯视觉产出者，升级为理解商业目标、驱动业务增长的设计顾问
工具案例工具· UX
thisislandscape.com
Modal by Landscape：云基础设施平台品牌升级设计 🧩
Landscape 为聚焦 AI / 机器学习的无服务器云基础设施平台 Modal 打造品牌升级方案；以抽象 3D 动画、AI 生成图像为核心构建视觉系统，传递开发体验的速度与灵活性；采用超现代设计风格，塑造领域先锋品牌定位，彰显平台的无限潜力与变革价值
工具案例工具· UX
newkid.services
Haventree by newkid：加拿大金融机构暖心品牌焕新设计 🌱
以「人生四季」为核心概念，传递人生起伏中成长始终可期的品牌信念；视觉采用小写字标、沉稳色调，搭配定制插画体系，塑造温暖亲和的品牌质感；邀请纪实摄影师实拍加拿大真实居民与社区，联合插画师、动态设计师打造接地气的品牌表达
工具案例工具· UX
freesound.org
Freesound：免费创意音效共享平台 🎧
汇聚超 71 万条免费音效，涵盖自然环境、机械、特效、音乐循环等多元类型；采用知识共享（CC）授权，多数支持商业使用（需遵守对应许可条款）；社区驱动持续更新，含音效包整合、评分体系，支持 API 接口批量调用；聚焦非物质文化遗产声音保护，适配 UI 动效、影视、游戏等多创作场景
工具案例工具· UX
x.com
Figma：图像转矢量新功能 🎨
一键图像转可编辑矢量：上传图片自动转化为矢量图形，支持锚点、路径自由调整，告别手动描摹的繁琐流程；智能颜色简化控制：自动提取并精简图像色彩体系，按需调整配色数量，快速匹配品牌设计规范；无缝融入 Figma 工作流：无需切换外部工具，生成的矢量图可直接用于组件化设计、原型制作，提升整体设计效率
每周资讯资讯· AI
minimax.io
MINIMAX Audio：AI 音频创意工具箱 🎙
文本转语音快速生成交互音效：支持 50 + 语言、6 种情感语音合成，可一键生成 UI 按钮反馈音、动效配乐旁白，精准适配产品界面听觉体验；10 秒克隆专属品牌声线：上传短时音频即可复刻定制化音色，统一产品语音助手、宣传视频旁白风格，强化品牌听觉标识；自然语言定制精准匹配设计氛围：输入描述词即可生成贴合场景的声线（如 “轻快活泼的 APP 引导音”“沉稳专业的企业播报声”），无需专业音频调校
灵感资源灵感· 工具
emanuelecolombo.it
Notion AI：赋予数字助手鲜活人格的动效设计案例 🎭
个性导向的动效打磨：与 Buck 团队协作打造 Notion AI 助手动画，聚焦角色面部表情与状态切换调试，确保各情绪过渡自然流畅，赋予数字助手鲜明人格；迭代拓展表情体系：产品上线后深度合作，进一步拓展助手表情库，探索更细腻的情绪与姿态，让交互体验更具趣味性和感染力；Rive 工具高效赋能：借助 Rive 工具的灵活性实现动效实时迭代，兼顾风格一致性与开发落地效率，让创意快速转化为产品功能
工具案例工具· UX
fordifferent.com
Mantle：重塑养老金管理平台的品牌温度与市场辨识度 💰
价值主张重构：以 “Retire Awesome” 为核心口号，将专业冰冷的养老金业务，转化为面向大众的美好退休愿景，拉近品牌与用户的距离；视觉符号升级：保留原有品牌标志，赋予标志中的横条全新功能，使其成为贯穿版式、数据图表与插画的独特视觉装置，强化品牌识别度；温暖化视觉表达：打造生动活泼的插画体系，传递 “年龄只是数字” 的品牌态度，为自动化管理平台注入人文温度，打破行业刻板印象
工具案例工具· UX
dixonbaxi.com
Eurosport 2026 Winter Olympics：转播视觉焕新体系 🏅
核心符号升级：将奥运领奖台从静态标志进化为动态视觉系统，注入期待感与能量感，打破 “终点符号” 的刻板印象，成为承载运动员奋斗旅程的核心意象，适配从个人高光瞬间到全球赛事的全场景表达；运动美学动态转译：提取花滑旋转、滑雪急转等赛事动作特征，围绕 “上升感、立体感、解放感” 三大原则，构建阶梯式、弧线式、轨道式动态语言，同时联动赛事数据，用领奖台三阶结构直观呈现赛况、聚焦关键节点；全链路赛事体验赋能：覆盖直播、宣传片、频道包装、广告等全触点，实现平台品牌与赛事时段的无缝衔接；动态领奖台作为视觉 “换挡器”，强化赛事高潮的节奏张力，打造贯穿 Eurosport、TNT Sports 等多平台的 360° 品牌体验
工具案例工具· UX
lux.camera
Physicality: the new age of UI
UI 设计三时代演进：从拟物化的 “阴影时代”、动态分层的 “扁平化时代”，迈向强调真实材质感的 “物理质感时代”，传承设计逻辑的同时实现范式革新；物理质感核心要义：界面元素具备真实材质属性 —— 动态响应光影变化、拥有空间维度与物理行为（如 Dynamic Island 的液态融合、Siri 的气态发光），打破静态界面的惰性感；Living Glass 未来构想：以设备玻璃材质为灵感，界面可反射环境内容、动态调整高光与色彩，通过内嵌 / 悬浮层级、光影折射打造 “屏幕玻璃活起来” 的沉浸体验
工具案例工具· UX
supercolorpalette.com
Super Color Palette：高效出稿的全能配色工作台 🎨
多维度精准调色：支持 OKHSL、HSL 等 5 种色彩空间，通过色相、饱和度、明度的灵活偏移生成配色，可锁定心仪颜色持续迭代优化；专业色彩和谐体系：内置单色、互补、三角、四分等多种配色规则，一键生成符合设计原理的成套色彩，快速解决配色灵感难题；无障碍合规校验：自动检测色彩对比度，对照 WCAG 2.0 标准判断是否满足不同文本、图形的无障碍要求，保障设计包容性
工具案例工具· UX
openclaw.ai
Clawdbot：住进本地设备的全能型 AI 数字员工 🧑💻
本地全权限执行：本地部署直连设备，操作闭环，隐私自主掌控；多端极简交互：十余平台音文双入口，聊天发指令，无需学新工具；持久记忆适配：本地存储历史数据，贴合使用习惯，越用越懂你；自进化技能库：自动生成脚本扩能力，社区插件一键调用
每周资讯资讯· AI
userinterface.wiki
UserInterface.Wiki：UED 团队的 UI/UX 实战知识充电站 📚
链路设计干货覆盖：涵盖 UI 音效设计、动效组件运用、CSS 伪元素技巧、动画底层原则，一站式解决界面设计核心难题；实战导向即学即用：配套代码预览 + 动效演示，从理论到落地无缝衔接，直接复刻到项目中，告别 “纸上谈兵”；系统化知识进阶路径：从基础语法到高级动效逻辑，循序渐进适配新人学习与资深设计师能力拔高
灵感资源灵感· 工具
open.mcd.cn
麦当劳 MCP 平台：餐饮服务的 AI 智能交互新入口 🍟
自然语言直达服务：无需打开 APP，对话 AI Agent 即可查询活动日历、一键领取全量优惠券，告别手动操作繁琐流程；标准接口无缝集成：遵循 MCP 协议规范，轻松对接 Cursor、VSCode 等主流开发工具，开发者快速配置即可调用服务；从 “人找服务” 到 “服务找人”：重构餐饮消费交互范式，AI 主动匹配活动与优惠，打造高效便捷的用餐服务体验
工具案例工具· UX
clay.global
Sky by Clay：DeFi 平台的视觉焕新与生态重塑引擎 🌌
天空意象驱动品牌内核：以 “多元天空形态” 为核心概念，串联 logo、渐变视觉与插画系统，精准传递平台的生态多样性与社区归属感；瑞士风格打造极简高级感：搭配 Circular Book 字体，几何化星空标志兼具精准度与辨识度，构建统一且富有记忆点的视觉语言；沉浸式全链路设计落地：覆盖品牌策略、设计系统、官网交互与活动物料，从数字界面到线下物料实现风格无缝衔接
工具案例工具· UX
behance.net
Pelagic Search Visual Identity：猎头行业的海洋意象品牌重塑 🐟
极简美学突破行业刻板：在传统保守的猎头行业中打造现代简约视觉体系，通过干净的线条、克制的色彩与精准的排版，平衡专业性与创新性，避免过度企业化或同质化；全链路视觉资产规范：完整的品牌识别系统包含标志设计、色彩方案、字体规范、应用物料与动态展示，确保从数字平台到实体物料的一致性体验
工具案例工具· UX
antlii.work
WIP Tool：风格化动效创作工作台 🎨
模块化 GPU 加速管线：基于 p5.js+WebGL 构建，通过 Pass 与 Mask 模块堆叠组合，轻松打造复杂视觉效果，动效创作高效可控；精细化蒙版分层控制：支持图像 / 视频蒙版的像素级影响映射，自由调节模块作用强度，实现细腻的局部效果处理；全格式动效导出：支持 MP4 视频、帧序列及静态图片输出，适配 WebCodecs 和 H.264 双编码器，兼顾速度与画质需求
工具案例工具· UX
xfun.design
Xfun Design：一键解锁书法设计的创意引擎 ✨
书法风格精准复刻：内置楷书、行书、草书等多流派字体库，效果稳定，还原书法韵味；设计场景无缝适配：输入文字即可实时生成书法字体，支持矢量导出，可直接嵌入 UI 界面、海报、品牌视觉等设计场景
工具案例工具· UX
pencil.dev
Pencil：把各类工具同时装进GPU的「设计加速器」
GPU渲染的绝对性能：基于WebGL构建零延迟的无限画布 → 万级图层操作如丝般顺滑，彻底告别卡顿与等待；AI并行的「实时编程」：多个设计Agent同时运行，根据你的草图实时生成代码、布局、文案 → 你不是在画界面，而是在实时“编译”视觉意图；原生协作即真理：所有修改实时同步、完全可逆，且历史记录本身就是可分支的设计树 → 协作像写代码一样，拥有完整的“版本管理”思维
每周资讯资讯· AI
superscene.pro
Superscene → 你的项目增添高质量3D资产
开箱即用的工业级精度：所有3D模型、场景、材质均经过专业拓扑、UV与光照烘焙优化 → 下载即导入Figma/Blender/Webflow，无需二次加工；设计系统的空间延伸：所有资源由同一团队制作，保持极致的风格与质感统一 → 让你快速构建具有品牌识别度的完整3D视觉系统
灵感资源灵感· 工具
becomeautonomous.com
Autonomous：一个想用AI「干掉」传统理财顾问的“金融超级大脑” 🧠
视觉基调：采用大量留白、精致的动态数据可视化图表，传递出冷静、专业、可信赖的“金融极客”气质。；信息密度控制：页面内容虽涉及复杂金融概念，但通过清晰的数字标号（01, 02, 03, 04）、问答模块（FAQ）和图表解读，将信息分层梳理，降低了用户的认知负担，符合高端用户追求高效的需求。；语言与信心塑造：使用 “金融超级智能”、“机构级剧本”、“持续优化” 等具有科技感和前瞻性的词汇，将AI能力转化为一种确定性和优越性的承诺。
工具案例工具· UX
ai-2027.com
AI 2027：用“硬核推演”为“超人类AI时代”绘制的十年剧本 📜
预测超人类 AI 未来十年影响的详细场景分析，认为其影响将超过工业革命。；“双结局”叙事：文章提供了 “减速”与“竞赛”两种结局走向，并非倡导某种结局，而是揭示不同路径下的潜在风险与逻辑。；数据与可视化叙事：用具体的算力增长曲线量化技术爆炸的节奏。右侧的交互式动画将复杂的多维预测整合进一个可滚动、可筛选的视觉框架中，让抽象推演变得可被直观探索和理解。
工具案例工具· UX
mr-pandas-psychologically-safe-portfolio.com
Mr. Panda‘s Portfolio：用“心理安全感”包装的设计表达 🐼
“可爱”是有效的沟通方式：这种“可爱”并非幼稚，而是一种降低认知门槛、快速建立好感的交互策略。它瞬间拉近距离，让观者更倾向于以包容、积极的心态浏览作品。；个人叙事与项目叙事的融合：；将个人价值观（“重视人与人的联结”、“创造温暖”）直接作为作品集的导言和分类维度，使项目展示不再是冰冷的陈列，而是其人格与理念的证明。
工具案例工具· UX
spline.design
Spline：让3D设计像用Figma一样简单流畅的「实时协作画布」
定位与工作流革命：它不只是一个3D建模工具，而是一个为UI/UX设计师、品牌设计师打造的“生产就绪”全链路平台，覆盖从设计、协作到代码导出、多平台（Web/iOS/Android）交付的全过程。；实时渲染与协作：所有修改即时可见，并支持像Figma一样的多人实时协作、评论，将3D设计从单人离线作业变成了可团队协同的流程。；丰富的产出生态：支持导出代码（如React代码）、直接嵌入Webflow等主流设计开发平台，并提供变量、API接入能力，让3D体验能对接真实数据。
工具案例工具· UX
galacean.antgroup.com
Galacean Effects：蚂蚁出品的“动效设计与开发”无缝焊接流水线
定位与场景：专注于移动端，服务于需要高频、高质量动效的大型App与复杂业务。；核心工作流：在线编辑器提供从基础图层到粒子、3D、Spine骨骼动画的全面能力。；沟通成本归零：传统“设计导出视频/GIF → 开发尝试还原”的流程被废弃，变为“设计发布资产 → 开发一键加载”。
工具案例工具· UX
claude.com
Claude Code：开启Agent编程新纪元
从“对话”到“行动”的本质跨越：它不再是被动回答代码片段的聊天框，而是被赋予了直接操作文件系统、运行终端、执行Git提交的“手和眼”，能像真人一样在真实开发环境中穿梭并留下痕迹。；开发模式演进：从“提示词驱动”到“目标驱动” 你无需逐行下达指令，只需像对初级同事一样交代一个最终目标（如“为这个API添加用户认证”），它会自主拆解任务、尝试、报错、调试并交付完整成果。；核心是Claude 3.7 Sonnet的超级推理链：强大的“思考”能力是行动的前提，使其能理解复杂上下文、处理多步骤逻辑，做出接近人类的开发决策。
每周资讯资讯· AI
design.google
Gemini 视觉设计语言 · 实战拆解版 🎨
视觉启发：渐变，不只是颜色，是情境与能量流Gemini的渐变色是有方向、有动势的“情境构建器”。；基础哲学：圆形，是熟悉，也是包容的容器。系统深度植根于 Google的圆形基因（从Logo到四色圆点）。；动态原则：动效即引导，让过程透明。每一个动画都有明确的叙事（起点-终点），用于响应用户操作、展现AI的“聆听”与“思考”。
灵感资源灵感· 工具
realfood.gov
Real Food：一份国家的“健康重启”宣言 🥗
视觉语言：开篇用超大字体、高对比度百分比（50%, 75%, 90%），进行视觉“轰炸”，将国家健康危机数据化、情绪化，强力打破旧有认知。将政府网站的设计做的更有吸引力。；信息架构：从“为何要变”到“如何改变”的单向漏斗。严格遵循 “危机陈述 → 归因批判 → 提出新原则 → 提供工具” 的线性叙事；情感与交互：塑造权威与可及性。色调与排版上采用深色背景、强对比文字、严肃的字体，强化政府文件的权威感与问题的严峻性。在强硬叙事中，插入感性语句，于细微处体现公共服务的包容性。
工具案例工具· UX
benjamin.design
benjamin.design：看顶尖设计师的个人设计系统
Framer首席设计师的“个人工具箱”更新，一套3D图标定义系统级审美；统一的品质感基石：所有图标共享相同的光源逻辑、材质质感与环境反射，奠定了高级、冷静的基调。
工具案例工具· UX
lue.studio
Firecrawl｜为AI数据基建注入「清晰」与「确信」的精准手术 🔧
叙事降维打击： 将“网络爬虫”复杂技术，升维定义为 “AI驱动网络数据的基础层” → 战略定位清晰如刀；全链路设计主权：品牌、视觉、网站、前端开发一气呵成 → 从概念到上线0损耗交付，品质完全自控；开发者心智精准触达：界面语言极度克制、信息架构直给 → 摈弃一切市场浮夸，只服务“看懂”与“会用”
工具案例工具· UX
designsystems.surf
Design Systems Surf：一个专为设计师打造的「系统化灵感」工具箱 🧰
从海量资源中筛选出真正具有代表性、可供学习的头部公司设计系统（如Google、Apple、微软等）。；按平台（移动/Web）、行业（金融、电商）、国家（如中国科技公司） 等维度分类，帮你快速建立认知地图。；收录设计系统案例分析、播客与文章，试图揭示其背后的设计决策与演变逻辑。
工具案例工具· UX
figma.com
Liquid Fractal Glass Morphism：每一层模糊都是动态的光影 🌊
让“玻璃拟态”从一个静态风格标签，变成能随界面情绪呼吸的动态材质。；实时操控：不同亮度、多重效果，随意调试
工具案例工具· UX
github.com
苹果开源模型ml-sharp
Apple 开源发布 SHARP（Sharp Monocular View Synthesis in Less Than a Second）模型及代码。该模型仅需输入一张普通 2D 图像，即可快速生成基于 3D Gaussian 的场景表示，并在不到 1 秒内合成新的视角画面。；为产品图注入生命：将一张产品静物图转化为可360°交互浏览的3D模型，用于官网或电商详情页，大幅提升转化率。；快速构建AR/VR场景原型：用手机随手拍摄办公区或客厅，一键生成可实时漫游的3D环境，极大加速空间计算类产品的概念验证。；革新设计展示方式：将UI界面或品牌视觉方案贴在生成的3D场景中，制作出沉浸式的“场景化设计汇报视频”。
每周资讯资讯· AI
skills.google
google生成式 AI 官方学习库 → 一套来自“AI工厂”原厂的免费「上岗培训」📚
原厂认证，系统教学：从生成式AI核心概念、Prompt工程，到Google工具（如Vertex AI）的应用开发，提供结构化、零基础的完整学习路径，知识体系严谨可靠。；免费+中文，零门槛接入：所有课程、实验和微认证均免费提供，并支持中文界面与字幕，为团队扫清语言与成本障碍。；理论与沙盒结合：不仅讲解概念，更提供交互式实验室环境，让学习者直接在云端操作和验证，实现“学完即会用”。
灵感资源灵感· 工具
uxdesign.cc
Addressing the design-engineering gap with AI coding tools：一篇让设计师从“移交者”变“构建者”的“造反宣言” 🛠
直指三大流程顽疾：精准炮轰静态原型失真、Figma文件功能碎片化以及设计师缺乏真实环境测试机会的现状，句句戳中现代产品开发的痛点。；提出革命性工作流：“影子代码库”：倡导设计师主导维护一个镜像真实应用结构的独立代码库，用AI工具将设计稿转为可运行代码，并用Supabase模拟数据，在无限接近真实的环境中验证设计。；重塑设计师角色定位：将设计师从“画画并祈祷开发能实现”的被动移交者，推向主动构建、测试、迭代产品功能的共建者，从根本上提升设计决策的质量与话语权。
工具案例工具· UX
oker.com
Strutt by Studio Oker：一个用视觉语言「消除偏见」的辅助出行品牌 🦾
设计为人，内核温暖：品牌专注于辅助移动设备，核心使命是帮助行动不便者获得独立与自由，将“包容性设计”从口号转化为充满尊严感的产品体验。；科技可视化，复杂变共鸣：将专有的驾驶辅助技术，转化为象征持续流动与支持的动态标志系统，搭配源自技术数据流的渐变色系，让“科技感”同时承载“情感化”。
工具案例工具· UX
offormdesign.com
Aède Studios by Ofform Design：一份为「故事讲述者」打造的视觉宣言 📖
理念即视觉，叙事驱动一切：品牌核心「用物件讲述故事」被直接转化为视觉系统——大胆的几何图形构筑现代骨架，细腻的字体雕刻注入叙事灵魂，形式完美服务于内核。；在古典与现代的临界点精妙平衡：没有简单拼贴复古元素，而是通过字体排印的细节控制、几何与有机形态的对比、克制的色彩，在“遗产感”与“当代性”之间架起一座可信的桥梁。；系统映射创作风格：整套视觉语言本身就是对工作室“浪漫且叙事驱动”创作风格的隐喻，让潜在客户在看到品牌的第一眼，就能预见其产出作品的气质与深度。
工具案例工具· UX
wedge.work
GrowHappy by Wedge：用「绘本般的设计」将科学焦虑化为父母勇气 🌱
关键的情感叙事转换：品牌直面婴幼儿“过敏原早期引入”的家长焦虑核心，将沟通基调从规避风险的“恐惧”，彻底转向主动构建健康的“勇气与信心”，完成了高难度的情感价值重塑。；视觉语言温柔化解科学焦虑：采用手绘绘本风格、柔和温暖的色彩、完整食材的精美插画，将原本可能冰冷、复杂的科学概念，转化为家长熟悉、亲切且充满关爱的视觉叙事。；重新定义“必需品”：通过设计，巧妙地将“过敏原”从令人恐惧的名单，重塑为呵护宝宝免疫系统的“成长必需品”，赋予了产品深刻的情感与伦理价值，超越了单纯的功能表述。
工具案例工具· UX
figma.com
Simple 3D：一个让图形「一键升维」还送你分层源文件的良心插件 🪄
一键2.5D，告别手动“造假”：选中任意矢量图形，点击即可生成具有厚度、透视与光影的2.5D立体效果。；“拆图层”的终极美德：生成后，所有结构面自动拆分并编组，光照面、侧面、阴影层清晰独立，让你可以继续进行微调颜色、材质或添加细节，保护你的设计主权。
工具案例工具· UX
x.com
Vidu Agent
全球嘴替，音色自由：输入一个脚本，一键生成多语言、多音色的旁白与对话，彻底打破跨境内容制作的配音壁垒与高昂成本。；场景工具箱，从广告到电影：内置针对“商业广告”、“产品解说”、“故事短片”等场景优化的专业模型，选择场景即交付成片质感，告别通用模型的平庸感。；分镜编辑，夺回创作主导权：在生成前后，均可对视频脚本、镜头语言、时长进行颗粒度编辑，让AI服从你的叙事节奏，而非被AI牵着走。
每周资讯资讯· AI
altsociety.ai
AltSociety → 设计师的「AI生图词典」📖
分类狂魔：按设计、营销、编程等实际场景分类，UI/UX、LOGO、3D等子类精准直达，找灵感像逛超市一样顺手；完整可抄：每个提示词直接展示完整文本+生成效果图，一键复制，拒绝“谜语人”；质量可见：附使用次数、点赞与作者信息，天然形成“精选榜单”，帮你过滤垃圾信息
灵感资源灵感· 工具
rive.app
Rive：让交互动效像「拖拽播放」一样简单的神器
状态机驱动动画：用一个编辑器搞定所有交互状态（悬停、点击、加载…），动画逻辑可视化编排，告别在代码里硬耦合动画；实时协作 & 云端渲染：像 Figma 一样实时同步编辑，动画导出为轻量级 .riv 文件，跨平台（Web、Flutter、iOS、Android…）渲染性能拉满；社区资源即抄即用：官方社区库有上千个开机动效、图标动画、3D 插画，支持一键 Fork 改编，真正的“抄作业天堂”
工具案例工具· UX
spacetypegenerator.com
STG v.Flash：让「文字自己会跳舞」的字体动画实验室 💥
输入即所得：在左侧文本框输入任何单词或句子，右侧实时生成动态字体动画。；参数党乐园：速度、间距、波形、颜色、颗粒感…十余种参数实时拖拽调节，把文字当成“动态材料”进行创作。；快速制造传播爆点：为活动主题Slogan、产品名称或团队口号生成一段炫酷动画，瞬间提升视觉记忆点和分享欲。
工具案例工具· UX
formia.so
Formia：一键让「扁平Logo原地起立」的3D魔法工厂 🪄
▫️ 拖拽秒变立体：上传任何2D Logo（SVG/PNG），AI自动识别轮廓并生成质感3D模型，从平面到立体只需一次点击。；材质库狂魔：金属、玻璃、霓虹、毛绒…数十种高级材质与实时环境光调节，堪比Cinema 4D入门课效果。；场景化模板：提供「App图标」、「品牌宣传片」、「社交媒体封面」等预设场景与动态运镜，产出即用。
工具案例工具· UX
anygen.io
AnyGen：字节出品的「PPT超人」办公Agent，专治方案汇报焦虑
原生PPT生成，告别格式鬼畜：直接从需求生成原生、结构化.pptx文件，图表可编辑、模板能套牢、导出零误差，彻底摆脱HTML转PPT的排版崩坏噩梦。；双AI流水线，靠谱程度拉满：一个AI负责天马行空创作，另一个AI负责严谨事实核查，从根源上避免汇报时出现“数据打脸”的史诗级尴尬。；全栈办公交付：不仅限于PPT，更覆盖文档、调研、数据分析、定时任务，堪称一站式数字打工人流水线。
工具案例工具· UX
designweek.co.uk
DESIGNWEEK：一杯浓缩的「全球设计AI前沿观察」☕
拒绝碎片噪音，专注深度解读：英国老牌权威设计媒体旗下专栏，过滤社交媒体的零散“炫技”，专注报道AI如何系统性改变设计流程、职业与伦理的深度文章。；案例真实，视角中立：不仅报道DALL-E、Midjourney等热门工具，更关注AI在品牌重塑、服务设计、可持续设计等领域的落地案例与商业影响，提供冷静的行业观察。；聚焦“人”的价值：探讨核心并非“工具多强”，而是设计师在AI时代如何重新定位自身价值，为团队讨论与个人成长提供高质量的思考素材。
工具案例工具· UX
x.com
Qwen-Image-Edit-2511
顽疾一：多人合影，一修就崩；复杂场景与多人姿态下，实现高一致性编辑。合影中更换服饰或表情，其余部分和谐如初。；顽疾二：想要高级风格，调试复杂如玄学；内置流行社区LoRa。一键调用成熟风格模型，将“抽卡”式变为稳定产出，极大简化工作流。；顽疾三：产品精修，细节总不对味；针对性强化工业与产品设计，精准处理线条、质感，直接生成高质量设计草图与渲染图。；顽疾四：稍作修改，物体“飘移”原位；大幅减少图像漂移，提高角色与品牌标识的一致性。修改后，物体位置、形状稳定可靠。；顽疾五：想调结构，AI不理解几何；改进几何推理能力。能理解并辅助编辑图像中的结构、辅助线，适用于建筑、产品图纸修改。
每周资讯资讯· AI
designspells.com
Design spells → 真实产品中的「微动效魔法书」 ✨
100%真实可落地：所有案例均来自已上线的知名产品，如Google AI Studio、iOS、Shop、Cursor等，绝非飞机稿，参考价值极高。；免费灵感矿藏：网站完全免费，持续更新，目前已收录超过270个精心筛选的微交互设计细节。；精准分类检索：支持按设备（Mobile/Desktop/Tablet）、类型（Interaction/Easter egg/Button）、风格（Skeuomorphic/3D）等多种标签筛选，帮你快速锁定所需灵感。
灵感资源灵感· 工具
ivan.codes
The Art of Vibe Design：当AI撕掉技术外衣，“品味”成为终极货币 🎧
建立你的“品味资料库”：像收藏黑胶唱片一样，系统性地收藏令你颤动的网站、影像、字体与色彩组合。这不是抄袭，是喂养你的AI、校准你的审美直觉。；练习“关键帧描述”而非“按钮描述”：不要对AI说“做个圆角按钮”，而是说“要那种1980年代科幻电影控制台，带着轻微磨砂质感与绿色荧光溢出的感觉”。描述的是氛围，AI生成的是像素。；成为“首席编辑”，而非“首席执行”：如何从“画出来”变成“从AI生成的100个方案中，精准选出最对的那1个，并知道如何微调剩下的99个”。
工具案例工具· UX
smith-diction.medium.com
💎2025 Smith & Diction Year in Review💎： 顶尖设计工作室的「成年礼」与「坦白局」 🎂
建立你的“透明武器库”：将成功的项目复盘、内部组件规范整理成可公开的“过程文档”。；实施“品牌移动性”审计：审视你的设计，是一系列孤立的“项目”，还是能清晰展示品牌如何随时间、场景灵活演变与生长的“连贯叙事”。
工具案例工具· UX
creativeboom.com
2025年最值得关注的25个创意设计工作室：设计如何推动社会进步👣
以品牌系统为核心的可扩展性：以“设计系统/品牌框架”为中轴，在不同场景复用。；数据驱动与技术融合的设计思维：结合 AI、交互技术、动效与声音设计，打造更沉浸的品牌体验。；视觉识别的情感与文化钩：通过色彩语言、形状语言、排版节奏等，传递品牌性格与情感取向。
工具案例工具· UX
d.design
堆友海报Agent：海报AI设计师 🪄
「闭眼出图」级专业排版：；→ 快速完成风格构思、元素搭配、专业级排版。；根除AI「文字乱码」绝症：；→ 像词典一样稳如泰山的文字正确呈现，告别鬼画符。；「秒变甲方爸爸」式批注修改：；→ 生完稿，哪里不够点哪里，对任意元素进行文字、位置、样式的替换调整。
工具案例工具· UX
mclaren.com
迈凯伦W1超跑&赛车帝国：用设计把「速度」从赛道基因复刻到公路信仰 🏎
品牌超级符号的进化与坚守：从赛道到公路，木瓜橙已成为高性能的代名词。这不是一种颜色，而是一种视觉声浪，在任何一个赛场或街道都拥有绝对的辨识度。；坚如磐石的「性能即美学」品牌哲学：无论是F1赛车MCL38还是公路超跑W1，其设计语言都遵循 “形态追随气流” 的终极律令。
工具案例工具· UX
x.com
GPT Image 1.5
精准编辑与像素级一致性：支持复杂多步骤迭代编辑；指令遵循跃升，理解复杂蓝图：能精准执行包含数十个元素、复杂空间布局的指令；专业级英文文本渲染： 在处理海报、信息图、报纸排版中的英文文字时，清晰度接近完美；速度与成本双优：生成速度提升4倍，支持并行生成多张图像。；降低使用门槛：ChatGPT网页端侧边栏新增“Images”专属入口，内置多种预设艺术风格模板
每周资讯资讯· AI
higgsfield.ai
Higgsfield.ai → 导演级「AI运镜库」
导演级专业运镜，告别“业余感”：内置大量精确的摄像机运镜模板，将电影工业的成熟语言封装为AI可执行的指令。；从图片到视频的“空间控制”：上传图片或使用文生图结果，可精准控制摄像机运动的角度、轨迹与速度，实现真正的“镜头语言”设计。
灵感资源灵感· 工具
detail.design
detail.design：设计细节的「线上博物馆」🏛
「设计考古学」与「细节叙事」：以设计工程师的独特视角，挖掘精彩细节；真实产品语境下的「微观案例库」：所有细节均源自真实上线的产品。；「灵感枯竭」的特效药：伟大的体验由无数个“值得驻足品味的瞬间”焊接而成
工具案例工具· UX
figma.com
Looper：Figma纹理印刷机
告别Illustrator：在Figma实现高级混合纹理；万能适配：支持矢量/形状/文字无限循环；使用场景：做潮牌设计？一键生成迷彩波纹 → 手工制作时间从1小时→1分钟
工具案例工具· UX
youtube.com
Gemini 3：网页设计的「全栈式AI副驾驶」
「所见即所得」的终极形态：视觉与语言理解融合，从描述/草图到可用代码的一站式输出；「上下文感知」的智能迭代：记住对话历史中提过的所有设计约束（如响应式断点、组件库规范），并在后续修改中保持一致；颠覆「设计-开发」的线性流程：催生“设计工程师”或“提示词驱动原型师”的新角色
工具案例工具· UX
figma.com
Grainy Gradient：为界面注入「呼吸感」的质感魔法 🪄
「高级感」的工业化流水线：生成的渐变独特且平滑，噪点纹理自然融合，瞬间提升背景等元素的视觉深度与手感。；无限可控的「噪点实验室」：噪点强度精准可控，从细腻的微磨砂到强烈的胶片颗粒感，一键调节，实时预览。支持多色渐变，让颗粒纹理在色彩过渡中也能保持丰富细腻的层次。
工具案例工具· UX
figma.com
MeiGen：设计工作流的「全栈式AI装配线」
图标+图片+视频的组合拳，用“原生插件+前沿模型”，在设计师最核心的战场（Figma画布）上，构建了一条从矢量图标到动态视频的完整AI生产线。
工具案例工具· UX
x.com
Figma AI图像编辑
「指哪删哪」的像素外科手术：；→ “擦除对象” 工具让你用套索选中任何元素（如多余路人、杂乱背景），AI一键抹除并智能填补背景，不留痕迹；→ “分离对象” 功能则可将选中的主体从背景中精准剥离，让你单独调整其位置、颜色、光影，甚至添加模糊或阴影特效；「无限画布」的智能延展术：；→ “扩展图像” 功能是应对多端适配的救星。将方形图扩展为横幅海报，或将桌面端头图适配手机屏幕，AI能无缝延展背景，告别扭曲裁剪或费劲重做；「All in One」的效率聚合：；→ 所有新工具与原有的“移除背景”等功能，被整合进一个全新的图片编辑工具栏，从抠图到精修，无需离开Figma切换至Photoshop等专业软件，真正实现一站式工作流
每周资讯资讯· AI
allsvgicons.com
All SVG Icons → SVG图标宇宙的「超级枢纽站」
“一站式”终结选择困难：聚合 220+个主流图标库，超25万个免费SVG图标。；“开箱即用”的开发者友好设计：支持PNG、SVG、JSX、Base64 四种格式一键下载。
灵感资源灵感· 工具
vanschneider.com
设计师的「觉醒之路」：从商业工具到意义创造者 🧭
跳出执行层，用五个法则重塑你的设计职业生涯；像艺术家一样思考，像设计师一样设计
工具案例工具· UX
shopify.com
Shopify冬季王炸｜将AI从“顾问”进化为“全能员工”
AI能力深度整合，Sidekick化身“副驾驶”；设计生产力的极大解放：自然语言命令Sidekick即时调整店铺主题、生成影棚级产品图，；甚至在移动端App内就能用AI生成并发布整个店铺主题，将建站流程压缩到不可思议。；视觉体系的超级演绎：复古与现代的视觉融合
工具案例工具· UX
mp.weixin.qq.com
「参考图秒变源文件」：Gemini 3 + Figma 的「设计复印术」
从“参考图”到“可编辑文件”的直达列车；“Auto Layout”自动附魔：生成的不是死板的图片，而是自带 Auto Layout 的矢量组件；“代码恐惧症”终结者：利用AI作为翻译官，本质是 “复制”与“粘贴”
工具案例工具· UX
mp.weixin.qq.com
给标题装上「操控台」：Group组件的「模块操作系统」⚙
打破“标题仅作标识”的思维，将Group组件重新定义为 “分组标题+控制中心”。；从“认知负担”到“效率引擎”：核心价值是提升信息组织性与加速任务流转。；避免设计过载：遵循 “操作聚焦”原则，一个Group内的主操作建议≤2个。
工具案例工具· UX
jakub.kr
Concentric Border Radius：同心圆角，让UI精致到毫米的「强迫症」公式 🔵
一道「强迫症」数学公式，治好所有不和谐：外部圆角 = 内部圆角 + 内边距（Padding）；向百年工业设计「借眼睛」：技术直接继承自工业设计与工程，将实体产品的质感与平衡感，迁移至数字界面，是高级感的底层密码；推动设计系统规范化：建议将“同心圆角”写入组件开发规范。
工具案例工具· UX
lovart.ai
Lovart「Touch Edit」
「c」的交互革命：Cmd/Ctrl + 鼠标点击直接锁定发丝、文字、服饰等任意元素，告别复杂蒙版；再用自然语言下达指令，如 “换一件复古旗袍” 或 “改为暖色调侧光”，AI在4K分辨率下完成即时融合。；「拼积木」式跨图创作：Select & Remix功能允许同时上传多张图，系统自动识别并编号关键区域，像搭积木一样，自由组合A图的外套、B图的背景和C图的光效，一键生成印刷级成品。
每周资讯资讯· AI
aiwind.org
AIWIND → Nano Banana Pro 的「咒语弹药库」🍌
500+ 场景化提示词库：每个提示词附带风格预览与效果说明，所见即所得；零思考模式：找到所需风格 → 一键复制完整咒语 → 粘贴到Nano Banana Pro直接出图；持续更新的弹药库：→ 紧跟模型更新与大神玩法，永远提供最新鲜的弹药
灵感资源灵感· 工具
bakkenbaeck.com
New Generation’s logo design：如何以数学启发设计 🔢
行动指南：看顶级工作室Bakken & Bæck如何用数学与叙事，为AI公司注入灵魂。；系统思维：并非“画个新Logo”，而是将静态标志重构为生长系统。原有倾斜面板的3D感被提炼为系统核心DNA，转化为一种关于动态、深度与无限可能的品牌隐喻。；跨界叙事构建深度：设计旅程贯穿数学原理、3D建模与本笃会修士哲学。这不是炫技，而是为“新一代”的科技理念寻找坚实的人文与科学基石。
工具案例工具· UX
ebaqdesign.com
Airport Executive品牌重塑：将“机场的精密”注入“行旅的奢华” 🏎
从“服务描述”到“身份符号”的跃迁：巧妙融入航空元素，将品牌的机场基因与高端服务无声绑定。；优雅字体与极简美学：冷静、精密、可靠的气质，让“老钱”底蕴与“新贵”抱负清晰可感。
工具案例工具· UX
isparta.github.io
iSparta：APNG动图「格式炼金术」 ⚗
零损耗格式转换：；→ 序列帧文件夹直接拖入→秒变APNG（保留全透明度）；→ 帧率/循环次数精准控制（做Loading动画必备）；体积压缩黑科技：；→ 同等画质下比GIF瘦身50%（告别渣画质动图）
工具案例工具· UX
kigen.design
Kigen：智能色彩实验室 🎨
面向系统的工程化思维：；→ 生成的不是孤立的色卡，而是包含主色、辅助色、语义色（成功/警告/错误） 的完整体系，可直接用于设计系统。；算法驱动的高级感： 告别随机取色。工具基于色彩科学算法生成和谐、可用性高的配色方案，确保美学与功能（如无障碍对比度）兼备。
工具案例工具· UX
chatgpt.com
ChatGPT Atlas：操作系统的「原生AI副驾驶」 🧭
操作系统的「时空胶囊」：任意窗口开启AI边栏，如同为所有应用装上统一的“理解层”。；从需求到执行的「超级通道」：网页交互代理能代你完成任务。从“研究巴厘岛行程”到“筛选酒店并填入预订信息”，从头到尾处理复杂事务，将你的指令直接转化为现实世界的操作。；真正属于你的「第二大脑」：可自主控制的记忆系统，不再是孤立的单次问答，而是持续演进、深度个性化的协作。
工具案例工具· UX
eu.36kr.com
Figma×ChatGPT王炸合作
1+1>2的超级组合：；→ Figma CEO亲证：不是二选一，是协同进化；→ ChatGPT生成逻辑 + Figma可视化协作 = 无缝工作流；48倍效率暴增：；→ 传统24小时任务 → 30分钟搞定；设计师生存法则：；新核心竞争力：AI指令工程 + 审美判断力 = 不可替代价值
每周资讯资讯· AI
cta.gallery
CTA.gallery → 行动按钮设计灵感库
汇集了各式各样的“行动按钮”设计案例，帮你轻松找到点击灵感！；多行业覆盖：含电商、医疗等领域按钮案例；设计细节直观：展示色彩、文案、视觉引导等关键元素
灵感资源灵感· 工具
research.google
Generative UI：全新交互黑科技 🧿
核心：直接造「交互式 UI」（网页 / 工具 / 小游戏），比传统静态输出更沉浸。；上线：Gemini app 先推「动态视图」「视觉布局」两实验；动态视图靠 Gemini 智能编程，按需求定制界面（如教娃数学出小游戏，查梵高出带背景的画廊）；可用：美国 Google AI Pro/Ultra 订阅用户，选 AI 模式 “Thinking” 就能用
工具案例工具· UX
cash.app
Cash App： 设计语言焕新 + AI 资金管理💰
视觉标识：超亮霓虹绿，品牌标志性色彩更加醒目，展现张扬个性。；Cash Sans 字体 + 优化字阶：个性与清晰兼备；650+ 新图标：几何风、现代感，匹配生态规模；个性化资产 + 触觉反馈：让交互更有情感和真实感；3D 图像 + 系统级重构：为未来的AI界面打好了视觉地基
工具案例工具· UX
muuuuu.org
MUUUUU：日式网页设计的「灵感血库」 🩸
行业设计基因库：；→ 按餐饮/建筑/画廊等细分领域分类 → 精准找到参考；→ 每个案例标注核心版式结构（网格系统/视觉动线）；日式克制美学：；→ 大量留白节奏+字体权重控制案例；→ 交互细节像日式庭院（一步一景，无冗余动作）
工具案例工具· UX
eu.36kr.com
灵光APP：全模态通用AI助手 🤳
亮点：全模态通用AI助手，业内首个全代码生成多模态内容的AI产品；设计出彩点： 整体围绕“光”的概念打造，沉浸感强。交互更加偏向实时模态识别；开眼看世界：拍图识别内容、用途和背后故事，比如古建筑的朝代、风格与历史。；闪应用生成：说一句“帮我做个记账本”，立刻生成可用的应用，还支持随时调整。；信息炼金术：全网信息提炼成知识图谱，如“新能源汽车电池技术”的最新研究、数据
工具案例工具· UX
notreal.tv
JP Morgan Payments by Not Real：看顶级投行如何用视觉建造金钱神庙 🛕
权力质感三重奏：；→ 黑金配色：深空黑底+烫金文字=隐形权力宣言；→ 木质入侵：胡桃木纹作为信任符号贯穿全片；→ 材质特权：微距镜头下的皮革纹理/金属光泽（暗示手工定制级服务）；可“抄”密码：；做金融类提案 → 直接偷「黑金+木质」公式（客户自动脑补高端感）；B端产品视频 → 学会用「材质特写」替代苍白说明（皮革=可靠，金属=精密）
工具案例工具· UX
gemini.google.com
谷歌双连击！Gemini 3 Pro+Nano Banana Pro王炸上线 💥
4K画质革命：Gemini 3加持的Nano Banana 细节放大不糊；多模态升维：文本/图像/代码全能型选手登场；实战场景：1.电商公司：产品描述 → 4K场景图 + 营销文案一键打包；2.开发团队：需求文档→直接生成前端代码
每周资讯资讯· AI
60fps.design
60FPS → 动效灵感军火库
顶尖App交互动画：最直观的方式展示“优秀动画是如何让体验更顺滑、更高级”；逐帧解剖：快速提升界面动效质感、找到专业且可直接借鉴的交互动效灵感
灵感资源灵感· 工具
openai.com
group chats in ChatGPT：AI社交化来袭 💬
从工具到生态：单机对话 → 多角色协作空间；工作流革命：产品/设计/开发同房间脑暴
工具案例工具· UX
medium.com
Slots in Design SystemsL：组件灵活性革命 🧩
约束中创造自由：固定框架 + 可定制插槽 = 兼顾规范与创新；跨端对齐：Figma和React用同一套插槽逻辑
工具案例工具· UX
marijanapav.com
digital stamp collection：交互丝滑度新体验 🏷
全栈设计师炫技：物理感数字化 → 邮票撕下动画像真的一样；性能优化典范：100+动画元素仍保持60帧流畅
工具案例工具· UX
qic.online
QIC卡塔尔保险公司官网：中东保险美学 🕌
国际化视觉架构：同时支持阿拉伯语/英语无缝切换（符合中东地区实际需求）→ 响应式布局在移动端完美适配（保险用户高频使用场景）；专业信任感营造：大量运用真实客户案例与数据可视化图表；企业官网升级：借鉴服务流程的可视化说明（5步投保流程图形化）
工具案例工具· UX
pentagram.com
Nike Breaking4：速度感视觉化 🏃
生物数据视觉化：心率/步频/耗氧量转化为色彩脉冲波纹；英里数可视化：每一个螺旋形状作为一英里助记符
工具案例工具· UX
lovart.ai
AI设计平台 Lovart 正式上线了 “Edit Elements 元素拆分” 这一革命性功能，就像给设计师们送来了一剂解药 → 无源文件海报起死回生 🎨
核心升级：以往，没有源文件的海报就像一块难啃的硬骨头，让人无从下手。可现在呢，有了这个功能，情况就大不一样啦！用户只需把成品海报上传，轻轻一点按钮，AI就能像变魔术一样，把海报“炸开”成可以独立编辑的文字层、主体层和背景层，实现零门槛精细修改。不管是市场运营人员、内容创作者，还是非专业用户，都再也不用为缺失源文件而烦恼，不用再重新制作整张图啦。
每周资讯资讯· AI
drfonts.com
drFonts → AI字体生成器 🔤
全流程AI化：描述需求→生成完整字族→导出OTF文件；智能配色系统：自动检测无障碍对比度（WCAG认证）；字体侦探功能：上传图片→精准识别字体 → 告别“求字体”社死；实战场景：品牌升级缺字体？输入“圆润科技感”→3分钟生成专属定制字体
灵感资源灵感· 工具
smooth-overlays.vercel.app
smooth-overlays：渐变氛围制造机 🌅
华人工程师出品：Vercel大神Shu Ding的良心工具；视觉层次魔法：拖拽生成景深渐变提升页面质感；抄作业点：做B端后台太枯燥？加个渐变叠加→立马拥有万元模板既视感
工具案例工具· UX
labs.google.com
Pomelli：中小品牌的「AI营销副驾驶」
品牌基因克隆术：输入网址/上传图片 → 自动扒出色值/字体/视觉风格；创意自动贩卖机：→ 说“春节促销” → 吐出10套活动方案带完整视觉；素材流水线：→ 同步输出社媒图+广告文案+网页Banner → 全网覆盖；从0搭建品牌体系：丢个简陋LOGO→生成全套VI延展；节日营销焦虑症：输入“七夕限定”→产出20张直发海报
工具案例工具· UX
kuse.ai
Kuse 2.0：AI操作系统来袭
统一AI工作台：整合所有AI工具到单个界面；工作流自动化：设置指令→全自动完成设计任务
工具案例工具· UX
figma.com
Halftone Effect：复古印刷术 🎪
三种形状：圆形/方形/十字形随意切换；自定义狂魔：点大小/颜色/密度精准控制；设计启示：“想要设计有复古灵魂？加点半色调比加100个装饰都管用”
工具案例工具· UX
imagetoprompt.org
Image to Prompt：AI读心术
图生咒语：上传任何图片→输出精准提示词；学习神器：反向解析大神作品的生成逻辑；🚀 进阶用法：找到竞品官网截图，反推它的设计描述→用AI生成更优方案
工具案例工具· UX
seed.bytedance.com
字节跳动推出 3D 生成大模型 Seed3D 1.0 → 单张图片秒变3D模型
核心升级：10 月 23 日，字节跳动 Seed 团队宣布推出 3D 生成大模型 Seed3D 1.0，实现从单张图像到高质量仿真级 3D 模型的端到端生成。该模型采用 Diffusion Transformer 架构，设计 3D 几何生成和纹理贴图模型。目前，Seed 团队已开放模型体验入口，用户可通过火山引擎控制台访问 Seed3D 1.0 的 3D 生成服务，项目主页也同步上线了技术文档与演示案例。
每周资讯资讯· AI
animista.net
Animista → CSS动效印钞机 💫官网直达
可视化拖拉拽：按钮悬停/加载动画/弹跳特效 → 点击即生成；代码直出：复制CSS→粘贴使用 → 前端跪谢大礼包；摸鱼实战：产品经理催动效？5分钟调个"果冻按钮" → 被夸"设计感炸裂"
灵感资源灵感· 工具
tendril.studio
Coinbase CB1 Card：金融视觉黑客
加密货币实体化：把虚拟货币做成可触摸的金属质感；动态数据可视化：交易流水变成光流动画；抄作业点：做金融产品设计？学会用实体隐喻化解虚拟资产认知门槛
工具案例工具· UX
figma.com
Vgen - Variable Generator：Figma变量自动炼丹炉 🧪
智能色板扫描：自动识别颜色并生成命名规范的变量；生产就绪：直接对接开发 → 告别手动整理Token；使用场景：设计系统搭建时，全选色板→一键生成变量 → 省掉3小时重复劳动
工具案例工具· UX
shipsltd.co.jp
SHIPS 50th Anniversary：日式创意工匠美学 🎎
技术解剖：GSAP+Lenis黄金组合：滚动动画如丝绸般顺滑；意料之外交互：每次点击都像开盲盒；灵感窃取：做企业官网？偷师"每次刷新都有小惊喜"的细节彩蛋思维
工具案例工具· UX
buck.co
BUCK Cash App Evergreen Design System：金融极简主义
BUCK神操作：绿色霸权延续，主色#00D632像病毒一样植入每个像素；图标语言统一：连设置图标都保持1px笔画极限；暴言真相："最好的设计系统是让新人想犯错都不知道从哪下手"
工具案例工具· UX
hellohonghong.vercel.app
设计团队如何玩转 Vibe Coding：玄学设计实验 ☯
文化梗数字化：把五行八卦变成可交互测试；IP个性化：用户获得专属像素伙伴 → 分享欲爆棚；年轻化配方：做品牌传播？学会用玄学+个性化制造社交货币
工具案例工具· UX
vidu.cn
Vidu Q2发布！
AI视频生成平台Vidu宣布其新一代Vidu Q2“参考生视频”功能正式上线。这一次，Vidu不仅将创作效率推向新高度，更通过5分钟长视频支持，让AI从“片段生产者”升级为“故事创作者”。无论是专业影视团队还是半专业创作者，都能用更低成本实现更高质量的视频产出。；核心升级：生成速度飙升，创作效率翻倍。Vidu Q2通过模型优化与底层工程升级，将视频生成推理速度提升至Q1版本的近3倍。；5分钟长视频：从“玩梗”到“讲故事”。Vidu Q2首次推出“视频延长功能”，支持30秒多镜头切换与5分钟完整故事创作。创作者可通过自然语言指令，直接生成包含起承转合的剧情视频，甚至加入悬念与高潮设计。这一突破意味着，对于独立创作者而言，AI不再是“辅助工具”，而是能独立完成分镜脚本、角色互动的“虚拟导演”。
每周资讯资讯· AI
tools.ui-layouts.com
tools.ui → 适用于设计师/开发人员的开源UI 工具 官网直达
线条/阴影/背景/...拿来即用；双端友好：设计师在线编辑，开发者直接复制代码
灵感资源灵感· 工具
wangzhihong.com
COLLECT CLASSICO：文字炼金术 🔤
文字即图形：把字体拆解成精密视觉装置；文字即图形：抄作业点：做限量版产品？学会这种"看不懂才高级"的留白美学
工具案例工具· UX
tendril.studio
Wealthsimple | 信用卡：金融产品视觉变形记
棱镜色彩魔法：一卡变色诠释多功能性；10秒故事力：动画短过抖音却讲清全部权益；实战窃取：做功能复杂产品？偷师"一图胜千言"的极简动画公式
工具案例工具· UX
nngroup.com
Liquid Glass Is Cracked, and Usability Suffers in iOS 26：过度设计警告 ⚠
动画变干扰：每个操作都强行加戏？；按钮缩水：小到根本点不到；导航迷路：返回键像在玩捉迷藏
工具案例工具· UX
kashiwasato.com
Muji设计师品牌案例：空气感美学 🍃
极简主义精髓：留白即内容，空白处也在讲述品牌故事；材质语言：纸张纹理=产品性格；灵感迁移：做电商设计？学会用"少"制造高级感溢价
工具案例工具· UX
mobbin.com
ZIGZAG：韩系购物APP视觉过山车 🎢
Z世代收割术：色彩暴力美学：荧光色撞击却不乱眼睛；信息密度克制，整体感受高级确不失年轻力；交互减脂成功：复杂购物流程一键搞定
工具案例工具· UX
hunyuan.tencent.com
腾讯混元3.0发布！
9月底腾讯混元官宣了3.0模型，完全开源，免费使用，目前最新文生图榜单显示，混元图像 3.0 在全球26个大模型中，高居第一位，超过nano-banana等顶尖闭源模型。腾讯混元图像 3.0 发布仅仅一周，就开启了全球“霸榜”模式。；开源👉：模型权重和加速版本已在Github、HuggingFace等开源社区发布，可直接下载并免费使用。；使用感受：语义理解特别准确，而且他能对长文本进行渲染，混元图像3.0不仅拥有生图模型的画画能力，还具备语言模型的思考能力和常识。它就像一个自带“大脑”的画家，可以利用智能去思考图像的布局、构图、笔触，利用世界知识去推理常识性的画面。
每周资讯资讯· AI
blog.streamlinehq.com
streamline → 图标设计弹药库 🎯 官网直达
持续更新防脱节：每周解锁新图标趋势/设计方法论；实战案例解剖：拆解Apple/Google等大厂图标系统
灵感资源灵感· 工具
phantom.com
Meet Phantom Cash：加密货币变现金魔法
虚实货币熔合术：加密货币秒变Apple Pay/VISA卡 → 年轻人第一张赛博银行卡；抄作业点：做金融产品？把Phantom的复杂功能幼稚化公式背下来
工具案例工具· UX
microsoft.design
Fluid forms, vibrant colors：后扁平时代设计预言
微软设计团队的最新分享；原文深度啃 → 拯救你过时的设计系统；“流畅的造型设计 → 色彩的情感触发 → 跨设备一致性 → 微交互设计”的完美展现
工具案例工具· UX
scribd.com
Hulu Brand Guidelines：流媒体设计圣经
流媒体巨头的「绿色瘾力」设计系统；品牌管控哲学：“真正的品牌不是被喜欢，是让用户在特定场景产生条件反射”
工具案例工具· UX
figma.com
Quick Trace：Figma矢量描摹神器
秒杀Illustrator：图片转矢量不用切软件；即梦最佳拍档：AI生成字体→直接转可编辑矢量
工具案例工具· UX
itsnicethat.com
It's nice that：大型创意社区
跨学科学习：建筑+插画+平面杂交出奇迹；商业与艺术平衡术：看肯德基如何做哲学海报
工具案例工具· UX
sora.chatgpt.com
Sora 2 重磅上线！用“Cameo”功能，OpenAI想让视频生成成为新的社交方式
技术升级：相较于前代产品，最显著的变化在于其对物理世界的理解能力大幅提升。研究人员指出，用户初次接触Sora 2时，最直观的感受是其反应更加自然、真实。这种真实感并非源于画面质量的提升，而是模型开始遵循物理规律。；设计细节：；1️⃣ 反无限滑动机制：用户滑屏过久时，系统会弹窗提醒尝试创作；；2️⃣ 青少年保护设置：未成年用户默认不开放无限浏览权限，信息流观看时长自动限制；；3️⃣ 情绪引导设计：信息流顶部设有测试功能，用户可用一句话表达需求，如“我想放松一下”、“找创作灵感”等。；OpenAI首席执行官Sam Altman表示，Sora 2的成功标准在于半年后用户是否觉得“自己变得更有创造力”。Sora 2不是工具，而是新一代创作和连接的媒介。
每周资讯资讯· AI
designers.toool.site
🛠️ Designers.tool → 不断更新的设计资源库 🆕官网直达
不断更新的设计军火库：随时上新新内容 → 永远快同行半步；筛选优秀资源：只收实测好用资源 → 省去8小时淘货时间
灵感资源灵感· 工具
behance.net
CRM Zummit：品牌一致性手术刀 🏢
“基因植入”术：把Zoho CRM的LOGO/色系克隆到活动设计 → 像双胞胎一样统一；3D立体化魔法：平面物料加微景深效果 → 高级感价格便宜10倍；抄作业点：做集团级项目？直接抄这个品牌渗透方法论
工具案例工具· UX
spotify.design
Spotify. Design：音乐公司的设计博客 🎵
设计系统裸奔：公开配色/动效/插画规范 → 白嫖级学习资料；数据可视化操作：把用户听歌习惯变成声波艺术装置
工具案例工具· UX
pentagram.com
Storefront Gala 2025：复古字体狂欢 🎪
考古级研究：扒出1930年WPA海报字体重制 → 比原版还像古董；矛盾美学：压缩字体vs拉伸LOGO → 故意制造视觉张力；周边心机：火柴盒包红白棋盘布 → 最合心意的伴手礼
工具案例工具· UX
frost-snow.com
Frost Snow：冰川美学实验室 ❄
滑雪品牌与科技感的完美结合；设计语言来源：以钻石为特色，致敬单板滑雪的最高赛道——双黑钻雪道。
工具案例工具· UX
rpdc.xiaohongshu.com
52 Design Principles：小红书内部圣经 📖
入魂亮点：人话版设计心理学；完美案例：典型应用场景及案例解读；边界限制：把原则用在合适的地方
工具案例工具· UX
bytedance.larkoffice.com
炸场！李飞飞发了个「永久世界」，谷歌Genie 3瞬间不香了？
设计价值：对于视觉创作者而言，在一个连贯的3D世界中进行漫游与交互的能力，是众多工作流程与应用场景的核心需求。World Labs空间智能模型生成的3D世界支持用户在浏览器内自由切换视角进行漫游，且完全零成本。
每周资讯资讯· AI
mp.weixin.qq.com
🔥快手AI黑科技！Kwali开启内测！ → AIGC超级员工 📹图文介绍
全栈视频流水线：写脚本+剪片子+配数字人 → 一条龙包办；素材库白嫖：内置百万版权素材 → 不用担心侵权雷区；压榨不抱怨：修改100遍也不会甩脸色 → 真正的赛博“奴隶”
灵感资源灵感· 工具
aeons.xyz
Aeons：有生命的数字艺术品 🖼
生命周期设计：数字艺术品分6阶段演变 → 从星云到衰败全程可收藏；Web3美学天花板：每个作品都是动态生成视觉诗
工具案例工具· UX
moshpro.app
Mosh-Pro：图片「故障车间」⚠
动态故障基因：让每张图像进化成会呼吸的数字生命体；暴力加特效：拖拽图片→选择波点/扭曲/故障风格，3秒生成赛博朋克风艺术
工具案例工具· UX
instacart.com
Instacart：把买菜变刷朋友圈🥬
即时配送王牌：线上下单→专业买手实时采购→1小时送货上门；携手Costco、ALDI等千余家商超，一站式购齐全网好货
工具案例工具· UX
ugic.ai
Figma Ugic：AI智能UI生成神器
智能解析 → 自动生成UI设计稿；设计系统无缝导入 → 风格一致性与效率双提升
工具案例工具· UX
ui-pocket.com
UI Pocket：日版Mobbin 🇯🇵
日本极简偏执：连按钮阴影都用像素级克制；移动端全集：日系APP交互大全；🚀 行动指南：做海外日区项目？来这里扒本土化细节
工具案例工具· UX
bytedance.larkoffice.com
即梦4.0模型上线
设计价值：首次支持多模态生图，同一模型实现文生图，多图参考，组图生成；文生图：更强的指令遵循，更高的分辨率支持，更快的生成速度；多图参考：输入单/多张图片+自然语言指令，即可进行任何形式的编辑修改；组图生成：一次性生成多张具备关联性的图像
每周资讯资讯· AI
uisdc.com
Nano Banana合集 🍌 合集链接
Nano Banana 核心技巧与高阶玩法；覆盖全场景实战操作；行业专家的独家秘籍大放送
灵感资源灵感· 工具
uxia.app
Uxia：AI用户测试「平替战神」
合成用户行为模拟 → 比真人测试便宜90%；用AI生成1000个「赛博用户」替你打工；无缝对接 → 支持Figma/XD/Sketch → 5分钟出报告
工具案例工具· UX
brandfetch.com
Brandfetch：品牌资产扒皮器
秒下LOGO/色值/字体：输入域名→自动提取全套VI；全球品牌库：从Apple到小区奶茶店 → 一网打尽；抄作业：做竞品分析报告 → 一键导出所有对手品牌规范 → 拼表效率+200%
工具案例工具· UX
uiverse.io
Uiverse：开发者的「前端灵感银行」🏦
组件百宝箱：按钮、卡片、加载动画等3000+精美组件，一键复制代码直接落地；代码金手指：支持HTML/CSS、React、Vue多种技术栈，开发效率翻倍；分类强迫症：按类型、风格、交互精细标签，找组件像匹配拼图般精准
工具案例工具· UX
pentagram.com
Williamstown Theatre Festival 2025：戏剧与设计的沉浸实验场 🎩
动态基因真相：让品牌长成会呼吸的生态系统；焕新哲学本质：将节奏感注入每个视觉毛细血管
工具案例工具· UX
mp.weixin.qq.com
非标商业：当设计不再是最后的修饰
从标准到个性：商业空间如何从“需求消费”转向“场所编辑”；设计师角色升维：从末端执行到前置共创，构建品牌力与情绪价值；案例深度解析：麓湖CPI、绿心等如何用设计激活场域生命力
工具案例工具· UX
zhuanlan.zhihu.com
腾讯游戏发布AI工具集VISVISE 动画制作效率提升8倍
设计价值： 腾讯游戏在科隆国际游戏展上发布了VISVISE AI工具集，显著提升了游戏动画制作的效率。其中，MotionBlink工具可将动画制作时间从数天缩短至数秒，效率提升8倍。该工具集还包含其他AI辅助工具，帮助开发者减少重复性劳动，专注于创意设计。
每周资讯资讯· AI
recraft.ai
Recraft → 矢量插画AI工厂 🎨 官网直达
10万+图标/插画AI生成 → 支持矢量编辑与风格定制；一键导出SVG/React代码 → 设计到开发无缝衔接使用；场景：缺品牌图标和插画？输入描述词，秒生成全套矢量素材！
灵感资源灵感· 工具
gradient.style
HDR Gradients：渐变革命 🌈
免费开源的在线 CSS 渐变工具，利用 OKLCH 和 Oklab 等现代色彩模型，可以创建更加精细和逼真的颜色渐变效果。；OKLCH色彩模型 → 渐变过渡肉眼可见更丝滑；CSS代码直导 → 复制粘贴就能用；“普通渐变像塑料，HDR渐变才是赛博丝绸！”
工具案例工具· UX
paika.org
Pa-i-ka：首尔设计工作室の美学炸弹 🇰🇷
文化驱动设计：社会议题+艺术碰撞 → 设计带哲学味；抄作业：做文化类项目？先扒他们海报排版节奏；设计启示：“安全的设计才是最大的危险——你永远在讨好，从未在表达”
工具案例工具· UX
realtimecolors.com
Realtime Colors： 配色救世主 🎨
5分钟试100种组合的配色灵感库；实时调色 → 改一色全站跟着变；无障碍使用 → 一键导出各类代码格式
工具案例工具· UX
astromech.com
astromech：生物科技赛博朋克 🧬
AI+生物视觉融合：DNA链变交互式数据流；细胞分裂动效 → 产品原理可视化；启示录：硬科技公司官网 → 用科学隐喻替代枯燥说明书
工具案例工具· UX
minimal.gallery
Minimal Gallery：极简资源牛棚 🐄
神仙网站集合 → 每日刷新的灵感毒药；冷工具大赏：字体生成器/噪点添加器/故障艺术制造机；行动指南：每天上班先刷10分钟 → 防止设计脑萎缩
工具案例工具· UX
chromaawards.com
Chroma Awards色度奖来袭！🎬 → 100万美金免费算力+15万现金 → 喊话全球AI创作者
赛事分为3大赛道、28个类别，一次打包电影 + 音乐视频 + 游戏。；设计价值：对参赛者来说，这是一次学习和成长机会。在竞赛过程中，有机会接触到最前沿的AI技术，与来自全球的优秀创作者交流切磋，不断提升自己的创意水平和制作能力。同时，还有机会获得行业内的认可和关注，为自己的职业生涯打下坚实的基础。；对整个创意产业来说，这场竞赛将促进AI技术在创意领域的广泛应用，推动创意产业的数字化转型和升级。
每周资讯资讯· AI
reactbits.dev
React Bits → 动画组件军火库 💥官网直达
100+动效组件：棱镜爆发/飞溅光标/消息流动画 → 点击复制代码；每周更新：永远比甲方快一步拿到最新交互Pattern；开发者狂喜：高度可定制 → 改个颜色就能假装自研；使用场景：B端 dashboard 太无聊？加个飞溅光标特效→ 客户以为预算翻倍了
灵感资源灵感· 工具
makingsoftware.com
What is a color space? ：颜色空间终极手册 🌈
色彩空间（Color Spaces）科普贴，揭秘颜色模型底层密码；色域战争真相：Mac屏艳压Windows → 不是你眼睛有问题，是sRGB和P3在打架；印刷颜色变灰尸 → CMYK色域比RGB窄40%；CIE标准解密：1931年定义的人类色彩感知地图 → 至今仍是颜色管理基石
工具案例工具· UX
mp.weixin.qq.com
8类UI巧思：卷死同质化
反套路操作：情绪化微交互 → 叛逆布局 → 可触达隐喻；抄作业场景：B端产品太无聊？试试差异化；暴言真相：“当所有App都长一样时，一点点的“不正常”就是最大的竞争力！”
工具案例工具· UX
ifdesign.com
iF Design Trend Report 2025：未来生存六大预言
六大趋势拆解：；1. 意识经济（Conscious Economy）；2. 人类数位化（Human Digitality）；3.共同社会（Co-Society）；4. 思维转变革命（Mindshift Revolution）；5. 生态转型（Eco Transition）；6.全球在地化（Glocalization）
工具案例工具· UX
notefolio.net
notefolio：韩版站酷の逆袭 🇰🇷
极致排版强迫症：作品集像杂志内页 → 每屏都是视觉高潮；色块分割大法：用高饱和撞色 → 强行聚焦关键信息；抄作业：作品集太普通？用韩式暴力排版+荧光色分割→ 秒变高级
工具案例工具· UX
behance.net
永豐銀行 Bank Sinopac DAWAY Credit Card｜信用卡品牌規劃：声波金融
声波视觉化：卡片纹理 = 用户消费频率声波 → 千人千卡；合拍社群：刷同类型消费 → 匹配“价值观相近”的用户；启示录：金融产品也能做情绪设计，让冷冰冰的信用卡变成社交扩音器
工具案例工具· UX
ai.studio
Nano Banana：Google Gemini 2.5 Flash Image正式发布
设计价值：能够协助创作者和艺术家完成快速概念设计和风格实验，在设计过程中保持角色设计一致性；在营销和广告方面，可以用于产品展示图制作，帮助广告素材快速迭代，保持品牌视觉统一。
每周资讯资讯· AI
orchids.app
orchids → AI 生成界「质感卷王」官网直达
AI 生成网站和 app 的又一AI平台：输出代码带CSS变量，开发直接套用；质感暴力提升：生成效果媲美手工精修（毛玻璃/微渐变/颗粒肌理）
灵感资源灵感· 工具
fliiipbook.com
FliiipBook：极简GIF车间
禅模式界面：只有画布+色块 → 逼你专注动作本质（藏起108个干扰按钮）；零学习成本：上手像小学生的翻页书 → 3分钟产出第一帧；24帧生死时速：强制2秒内讲完故事 → 专杀过度设计的动效卷王
工具案例工具· UX
diagram.engineer
Diagram Engineer：交互式图表实验室 🧪
出自设计师 Laura Sinisterra 之手：实时可交互图表；超酷的动画表现形式 → 把枯燥图表变成好莱坞大片
工具案例工具· UX
tools.dverso.io
Dverso laundry：图片「洗衣机」 🧼
暴力去背景：拖拽图片→自动抠图+去杂边，3秒洗出透明底PNG；洗衣式交互：界面模拟滚筒动画，洗图过程莫名解压
工具案例工具· UX
shapes.framer.website
Shapes：背景图形神器 🔷
20+基础图形库：从圆形到复杂多边形 → 免翻icon库+设计系统素材；图形秒窃模式：点击任意图形→SVG代码自动进剪贴板
工具案例工具· UX
mp.weixin.qq.com
设计「设置页面」时会踩的7个坑：设置页避坑指南 ⚠
七大致命陷阱：用百万用户眼泪写成的避坑圣经；专属解药配方：实现精准改版优化
工具案例工具· UX
aim-uofa.github.io
Tinker Diffusion：单图生成3D场景。打破了传统3D建模对多角度图片依赖的限制。它通过单目深度估计提取几何信息，结合视频扩散模型生成多视角一致性的图像，仅需0.2秒就能从一张图片生成高质量3D场景。
设计价值：这意味着，为VR/AR内容快速构建模型、轻松为电商产品生成3D展示、或将灵感草图快速转化为立体方案都变得更加容易，极大地降低了3D内容创作的门槛
每周资讯资讯· AI
patterncraft.fun
PatternCraft → 背景图案生成神器官网直达
百种渐变+几何模板 → 一键生成高级感背景；CSS代码直出 → 开发小哥跪谢你；使用场景：B端 dashboard 缺质感？30秒生成科技感网格背景！
灵感资源灵感· 工具
shapeof.ai
Shape of AI：AI设计避坑宝典 📖
模式库作战地图：对话流程/错误处理/伦理风险 → 全场景拆解；设计师友好：用户体验模式多板块示例；🚀 使用场景：接AI需求前必刷10分钟，少踩80%的坑！
工具案例工具· UX
behance.net
Influx：品牌视觉范例 🌊
流体动效诠释数据流动 → 科技感+信任感双杀；品牌记忆加强 → 提升品牌形象，最大限度地提高投资回报率
工具案例工具· UX
unicorn.studio
Unicorn Studio：零代码WebGL卷王 🦄
手残党福音：拖拽生成3D交互 → 无需写代码；模板库狂魔：粒子特效/流体动画/元宇宙场景 → 点击即用；🚀 使用场景：老板要“高大上”官网？选个动效模板→1小时上线！
工具案例工具· UX
pentagram.com
London Design Festival：艺术与商业的完美结合 🎨
品牌标识真相：最高级的标识是让城市成为行走的VI手册；艺术文化本质：把地理基因变成设计密码！
工具案例工具· UX
adobe.design
The evolution of five of Adobe’s iconic icons：Adobe图标进化论 🛠
30年设计变迁缩略图：从「拟物」到「隐喻」的脑洞史；生存法则：跨越时代的识别性；B端产品必学：图标不是画出来的，是用户记忆和时代技术的「合资企业」
工具案例工具· UX
hunyuan-gamecraft.github.io
腾讯混元推出Hunyuan-GameCraft开源工具，高清动态游戏视频一键生成，游戏开发者的福音！🎮现已支持键盘实时操控游戏视频生成。
设计价值：用户通过键盘鼠标输入即可直接控制视频动态，框架将其统一编码至相机表示空间，实现精细交互（如转向、变速）。针对长视频连贯性痛点，引入混合历史训练策略保留场景信息，避免自回归误差累积；采用模型蒸馏技术将推理步骤缩减至8步，延迟降低90%，满足实时交互需求。基于超100款AAA游戏的百万级数据训练，生成内容具备电影级画质与强可控性。该框架已落地游戏测试、过场动画制作及VR内容生成等场景，助力开发者以极低成本创建高动态交互视频。
每周资讯资讯· AI
lovart.ai
Lovart → Lovart | 全球首个设计智能体
一键生成全家桶：理解设计师的思维流程，一键生成完整的品牌设计体系，包括Logo、海报、UI等，并提供文字背景分离等专业功能。；用他理由：世界首个视觉设计Agent 。Simon推荐设计研究，国际设计同学也分享过。
灵感资源灵感· 工具
proofofconcept.pub
What's next for design tools：设计工具未来三大生存法则
「品味霸权」时代降临 👑：Figma上市后，工具同质化；突围策略：用品牌动效语言建立护城河；下一代工具标志：布局批产机→变体母舰→代码熔炉
工具案例工具· UX
raphaelsalaja.com
12 Principles of Animation：迪士尼祖传动画12法则
缓动曲线公式 → 拯救生硬动效；「次级动作」心机：按钮点击时微震文字→用户爽感+23%；口诀贴屏幕：“少就是多，动要像呼吸一样自然”
工具案例工具· UX
figma.com
Design system component audit and linting：Figma审计神器
3秒扫描：揪出未绑定变量/过期组件；强迫症福音：自动生成组件健康报告（附整改清单）
工具案例工具· UX
nomadstudio.com
WTA：让女子网球的戏剧性达到前所未有的程度
「戏剧感」可视化：赛点时刻 → 界面震动+呼吸光效；选手特写 → 镜头景深模拟追焦；体育类产品必学：用动效讲故事
工具案例工具· UX
ifdesign.com
Quick BI - Business Intelligence Platform：阿里Quick BI
AI搭数据看板：口语指令→自动关联数据集；色盲模式：8种图表配色智能避坑；B端卷王公式：专业度+包容性=五连冠
工具案例工具· UX
deepmind.google
Google DeepMind 推出 Genie 3 世界模型
设计价值：实时 3D 环境生成，颠覆场景设计流程，游戏 / 影视场景概念验证、虚拟空间（如元宇宙展厅）快速原型制作，无需依赖传统 3D 建模工具，降低美术资源门槛。
每周资讯资讯· AI
openai.com
GPT-5正式发布
设计价值：“氛围编程”：自然语言生成完整应用（含 UI / 交互），零代码原型设计；以下是 GPT-5 仅用提示创建的一些示例Introducing GPT-5 | OpenAI
每周资讯资讯· AI
gsap.com
「GSAP」动画库 → Homepage | GSAP
灵感源泉：专业级的JS动画库，提供超多网站动画效果，支持各种类型的网页动画制作；白嫖警告：现在已经可以完全免费使用啦。；使用场景：Banner动画、产品演示页、开屏特效
灵感资源灵感· 工具
aidesign.guide
The AI design library：设计师的「AI指南」
提示词宝典：从用户调研到原型设计，全流程话术模板（直接复制粘贴！）；资源金矿： Figma AI插件+提示工程指南+视频教程一键打包；资源分类狂魔：书签按主题归档，找工具像逛超市
工具案例工具· UX
figma.com
The making of a product icon：鼻祖大佬Tim Van Damme的「像素级强迫症」
「像素级设计铁律」—— 用规则锁死美感；「有限迭代法」—— 拒绝无效改稿；理性与感性的完美结合：在设计系统、视觉一致性和直觉感受的综合考量下做出最终决定
工具案例工具· UX
cash.app
Cash App：让金融服务像发消息一样简单
极简交互：转账像聊天一样点对点发送；病毒式传播：$5现金红包裂变拉新（学废了！）；抄作业方向：金融类产品情感化设计
工具案例工具· UX
duolingo.com
多邻国duolingou：把学外语变刷抖音
游戏化套路：连对5题解锁剧情动画；IP狂魔：猫头鹰Duo表情包出圈；适用场景：教育类产品用户留存
工具案例工具· UX
youtube.com
HiAgents - AI Agent Creation Platform：字节IF奖AI客服
一句话生成客服Bot：中文指令直接输出交互流；情绪检测：用户暴躁时自动切换人工；趋势预警：大厂都在押注的AI+设计赛道
工具案例工具· UX
282 条 · all