设计素材周刊 205 期

设计素材周刊 205 期

来自「Moonvy 月维」的《设计素材周刊》,是一个长期更新的设计资源精选栏目。每周持续整理值得关注的设计素材、设计工具更新动态与优质资源,帮助设计师建立高效、稳定、可信赖的资源获取渠道。
设计素材周刊 205 期
设计素材周刊 204 期
设计素材周刊 203 期
设计素材周刊 202 期
设计素材周刊 201 期
设计素材周刊 200 期
设计素材周刊 199 期
设计素材周刊 198 期
设计素材周刊 197 期
设计素材周刊 196 期
设计素材周刊 195 期
设计素材周刊 194 期
设计素材周刊 193 期
设计素材周刊 192 期
设计素材周刊 191 期
设计素材周刊 190 期
设计素材周刊 189 期
设计素材周刊 188 期
设计素材周刊 187 期
设计素材周刊 186 期
设计素材周刊 185 期
设计素材周刊 184 期
设计素材周刊 183 期
设计素材周刊 182 期
设计素材周刊 181 期
设计素材周刊 180 期
设计素材周刊 179 期
设计素材周刊 178 期
设计素材周刊 177 期
设计素材周刊 176 期
设计素材周刊 175 期
设计素材周刊 174 期
设计素材周刊 173 期
设计素材周刊 172 期
设计素材周刊 171 期
设计素材周刊 170 期
设计素材周刊 169 期
设计素材周刊 168 期
设计素材周刊 167 期
设计素材周刊 166 期
设计素材周刊 165 期
设计素材周刊 164 期
设计素材周刊 163 期
设计素材周刊 162 期
设计素材周刊 161 期
设计素材周刊 160 期
设计素材周刊 159 期
设计素材周刊 158 期
设计素材周刊 157 期
设计素材周刊 156 期
设计素材周刊 155 期
设计素材周刊 154 期
设计素材周刊 153 期
设计素材周刊 152 期
设计素材周刊 151 期
设计素材周刊 150 期
设计素材周刊 149 期
设计素材周刊 148 期
设计素材周刊 147 期
设计素材周刊 146 期
设计素材周刊 145 期
设计素材周刊 144 期
设计素材周刊 143 期
设计素材周刊 142 期
设计素材周刊 141 期
设计素材周刊 140 期
设计素材周刊 139 期
设计素材周刊 138 期
设计素材周刊 137 期
设计素材周刊 136 期
设计素材周刊 135 期
设计素材周刊 134 期
设计素材周刊 133 期
设计素材周刊 132 期
设计素材周刊 131 期
设计素材周刊 130 期
设计素材周刊 129 期
设计素材周刊 128 期
设计素材周刊 127 期
设计素材周刊 126 期
设计素材周刊 125 期
设计素材周刊 124 期
设计素材周刊 123 期
设计素材周刊 122 期
设计素材周刊 121 期
设计素材周刊 120 期
设计素材周刊 119 期
设计素材周刊 118 期
设计素材周刊 117 期
设计素材周刊 116 期
设计素材周刊 115 期
设计素材周刊 114 期
设计素材周刊 113 期
设计素材周刊 112 期
设计素材周刊 111 期
设计素材周刊 110 期
设计素材周刊 109 期
设计素材周刊 108 期
设计素材周刊 107 期
设计素材周刊 106 期
设计素材周刊 105 期
设计素材周刊 104 期
设计素材周刊 103 期
设计素材周刊 102 期
设计素材周刊 101 期
设计素材周刊 100 期
设计素材周刊 099 期
设计素材周刊 098 期
设计素材周刊 097 期
设计素材周刊 096 期
设计素材周刊 095 期
设计素材周刊 094 期
设计素材周刊 093 期
设计素材周刊 092 期
设计素材周刊 091 期
设计素材周刊 090 期
设计素材周刊 089 期
设计素材周刊 088 期
设计素材周刊 087 期
设计素材周刊 086 期
设计素材周刊 085 期
设计素材周刊 084 期
设计素材周刊 083 期
设计素材周刊 082 期
设计素材周刊 081 期
设计素材周刊 080 期
设计素材周刊 079 期
设计素材周刊 078 期
设计素材周刊 077 期
设计素材周刊 076 期
设计素材周刊 075 期
设计素材周刊 074 期
设计素材周刊 073 期
设计素材周刊 072 期
设计素材周刊 071 期
设计素材周刊 070 期
设计素材周刊 069 期
设计素材周刊 068 期
设计素材周刊 067 期
设计素材周刊 066 期
设计素材周刊 065 期
设计素材周刊 064 期
设计素材周刊 063 期
设计素材周刊 062 期
设计素材周刊 061 期
设计素材周刊 060 期
设计素材周刊 059 期
设计素材周刊 058 期
设计素材周刊 057 期
设计素材周刊 056 期
设计素材周刊 055 期
设计素材周刊 054 期
设计素材周刊 053 期
设计素材周刊 052 期
设计素材周刊 051 期
设计素材周刊 050 期
设计素材周刊 049 期
设计素材周刊 048 期
设计素材周刊 047 期
设计素材周刊 046 期
设计素材周刊 045 期
设计素材周刊 044 期
设计素材周刊 043 期
设计素材周刊 042 期
设计素材周刊 041 期
设计素材周刊 040 期
设计素材周刊 039 期
设计素材周刊 038 期
设计素材周刊 037 期
设计素材周刊 036 期
设计素材周刊 035 期
设计素材周刊 034 期
设计素材周刊 033 期
设计素材周刊 032 期
设计素材周刊 031 期
设计素材周刊 030 期
设计素材周刊 029 期
设计素材周刊 028 期
设计素材周刊 027 期
设计素材周刊 026 期
设计素材周刊 025 期
设计素材周刊 024 期
设计素材周刊 023 期
设计素材周刊 022 期
设计素材周刊 021 期
设计素材周刊 020 期
设计素材周刊 019 期
设计素材周刊 018 期
设计素材周刊 017 期
设计素材周刊 016 期
设计素材周刊 015 期
设计素材周刊 014 期
设计素材周刊 013 期
设计素材周刊 012 期
设计素材周刊 011 期
设计素材周刊 010 期
设计素材周刊 009 期
设计素材周刊 008 期
设计素材周刊 007 期
设计素材周刊 006 期
设计素材周刊 005 期
设计素材周刊 004 期
设计素材周刊 003 期
设计素材周刊 002 期
设计素材周刊 001 期

📰 设计资讯

Figma MCP 服务器现支持双向工作流

Figma MCP 服务器现已支持双向工作流程,并提供更多编码环境。您可以将渲染后的 UI 作为可编辑框架推送到画布上,与团队一起探索方向并比较流程,然后将设计上下文导入代码。包括 Cursor、Warp、Factory、Firebender 和 Augment

https://www.figma.com/release-notes/

Figma 上线购买和管理额外的AI积分

管理员现在可以购买额外的 AI 点数用于 Figma。请选择最适合您团队使用情况的选项:

  • 购买 AI 订阅:对于经常使用 AI 功能的团队,您可以订阅按月计费的积分套餐,价格根据使用量而定。
  • 启用按需付费模式:对于使用量不稳定的团队,您可以根据需要充值,直至达到您设定的消费限额。此选项可单独使用,也可与订阅服务结合使用,以应对偶尔出现的使用高峰。

目前,组织和企业计划已推出按需付费模式,专业计划将于 2026 年 5 月推出该模式。

购买后,管理员可以从管理面板中的“人员”选项卡或“AI积分”页面管理谁可以访问付费AI积分。

https://www.figma.com/release-notes/

🏆 产品推荐

用户体验法则

网站汇集了设计师在构建用户界面时可以考虑的最佳实践,包含美观性、信息分区、认知偏差以及全面的一些设计定律,甚至也可以用来生成 Skill,应用到 AI 工具中

https://lawsofux.com/

Figma 印刷插件

国内团队开发的面向真实印刷流程的 Figma 插件,把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求,并更快导出交付文件。

https://www.figma.com/community/plugin/1583985202878360902/printlyfigma-to-print

在线免费的配色工具

你可以从一个基准色出发,按 色相/饱和度/明度 等属性进行参数调整,快速得到成套调色板,并可保存、分享与导出。支持多种 配色(单色、邻近、互补、分裂互补、三色、四色等)、提供 5 种色彩空间(OKHSL、HSL、HSV、LCH、HWB)

https://supercolorpalette.com/

在线配色工具 2

这款复古写实 UI 是偏“色彩科学 + 参数化生成”的在线配色工具,你可以在 OKLCH / OKLAB / LCH / LAB / Display‑P3 / HSL / RGB / HEX 等多种色彩空间中生成与微调调色板,用 亮度(Lightness)/ 色度(Chroma)/ 色相(Hue) 等参数做精细控制,并实时在不同色彩空间之间转换,适合想用 OKLCH 等先进色彩空间做更“稳定、可控、可复现”的配色(尤其是做系统化的 UI 色阶/主题色扩展)的场景

https://colorpalette.pro/

开源录屏工具

Recordly 是一款可替代 Screen Studio 的开源录屏工具,用来制作更精致、专业感更强的屏幕录制视频。它在“录完就能用”的基础上,补齐了更完整的动效与渲染能力:包括光标动画/渲染管线、更贴近 Screen Studio 的缩放动画光标循环、以及更顺滑的平移/跟随表现。

同时它提供 macOS / Windows 原生录制能力,并支持 Windows、macOS、Linux 全平台,且有开箱即用的安装包,上手门槛更低。

GitHub:https://github.com/webadderall/Recordly

网站:https://recordly.dev/

🎊 设计素材

交互动画收集站

设计群里小伙伴做的汇集 X(原 Twitter)上优质的交互动画案例,覆盖角色动画、图标动效、加载反馈、导航交互、数据可视化、插画等多种应用场景。所有内容已完成分类整理,支持快速检索,真正做到“随用随找”;同时加载轻量、访问顺畅,对网络环境更友好。

https://rive.cool/

超酷的“盲文”加载动画

灵感来自 2 月份 X 上刷到的一张加载动画:用盲文点阵做动态加载,既简洁又很有辨识度,视觉效果意外地出色。作者在此基础上进一步把它做成了基于 盲文 Unicode 的旋转指示器,并封装为可直接复用的 React 装饰器组件,接入项目更省事。

没想到盲文这种“特殊语言”还能被拓展成这么有趣、实用的动效表达。

预览:https://cli-loaders-two.vercel.app/

Github:https://github.com/agilek/cli-loaders

作者灵感来源:https://x.com/AliGrids/status/2033002433753002390

🏖 随便看看

我复刻了 Claude 刚发布的生成式 UI 交互

让 AI 直接在聊天里画交互式图表,流式输出,边生成边渲染,文章中介绍了用法,以及具体的实现过程和一些注意事项

体验:https://github.com/op7418/CodePilot

原文:https://x.com/op7418/status/2033113845120807170

设计师个人博客

里面做了很多有意思的设计交互尝试,例子中包含了详细的说明以及多图和交互演示

https://www.baothiento.com/

设计师博客 2

UI 设计师的博客,展示的 UI 作品设计非常细腻

https://airform.design/

东京设计论坛现场笔记

能带来很多思考和启发

https://tokyo.floguo.com/note/no-one-way-to-use-ai


我们是谁?

Moonvy 月维是一款专业的「设计资源管理工具」,让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验,并支持多种开发代码格式,让设计交付更省心、更顺畅。(moonvy.com