设计素材周刊 198 期

来自「Moonvy 月维」的《设计素材周刊》，是一个长期更新的设计资源精选栏目。每周持续整理值得关注的设计素材、设计工具更新动态与优质资源，帮助设计师建立高效、稳定、可信赖的资源获取渠道。

四喜茶茶

设计素材周刊

2026/01/11

📰 设计资讯

Figma 新增了左侧导航栏

在 Figma 设计模式、绘图模式和开发模式下引入了全新的左侧导航栏，方便在库资源、变量和搜索之间轻松切换。

变量功能从弹窗改成全屏了，全新的全屏视图横跨浏览器的整个宽度，让您一目了然地查看所有内容。

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

🏆 产品推荐

设计工具 Paper 可以注册使用了

这是一个国外出现的新的UI设计工具 Paper ，简单体验了一下满足日常可用，填充方式切换方式很快捷，内置部分动态素材，目前暂未看到社区与插件市场相关功能。

https://paper.design/

🎊 设计素材

AI 生成的拟物化 3D 图标

网站中包含 9000 个高质量的 3D 拟物图标，可以搜索并保存到本地，在半年前推荐过这个地址当时素材资源还没有这么多，现在作者居然更新到了9000个

https://www.thiings.co/things

对话气泡素材

包含基于 Auto Layout 与 Variants 构建的可扩展聊天气泡组件，适用于消息、评论以及各类对话式界面，能够轻松适配不同设计场景

https://www.figma.com/files/team/834613397167663959/resources/community/file/1590820100189543293

gluestack-ui 的 config-v3 通过基于主题的设计 Token，让深色模式和浅色模式的设计变得轻松高效。提供丰富的颜色体系、边框宽度、间距和不透明度选项，它内置大量 开源组件，可直接用于生产级的 React 与 React Native 应用。Foundation 中的样式指南和设计资源全部支持自定义，并提供 Auto Layout 与 变量支持。

https://www.figma.com/files/team/834613397167663959/resources/community/file/1577667149474894602

Pixxels 设计组件库

一套以设计 Token 为核心、为稳定性与规模化而打造的强大基础体系，包含可扩展的字体体系，响应式栅格与间距规范、阴影、层级与圆角系统、200+ 矢量图标、700+ 全局样式与设计 Token

一整套可直接用于生产环境的组件库，每个组件都拥有清晰的结构、智能属性，并基于 Auto Layout 构建，适配多种场景：

按钮、输入框、文本框、多行文本域
单选框、复选框、开关
标签（Chips）、头像、提示（Alerts）
日期选择器、下拉菜单、文件上传
轮播、表格、Toast 提示、工具提示
350+ 组件，1000+ 变体

https://www.figma.com/files/team/834613397167663959/resources/community/file/1576677929056536333

AI 生成的图标、插画素材库

3D图标、插图和创意设计素材探索人工智能生成的3D图标、插图和图像。使用适用于网站、应用程序和印刷品的优质素材，提升您的设计水平。

https://www.icoon.co/

鼠标状态图标

开源鼠标指针主题，现代极简的设计风格、干净的几何形态，完全可编辑的矢量光标资源，方便在原型中展示交互效果，并在 UI/UX 项目中保持视觉一致性。

https://www.figma.com/files/team/834613397167663959/resources/community/file/1587299628688776002

AI 人物场景公仔

Google AI Studio，选择 Nano Banana Pro，上传一张自拍照，然后使用下面的提示

提示词： "Make a miniature, full-body, isometric, realistic figurine of this person, wearing 「ABC」, doing 「XYZ」, on a white background, minimal, 4K resolution."

翻译： “制作一个此人的微缩全身等距写实人偶，穿着「ABC」服装，做「XYZ」动作，背景简洁，4K分辨率。”

https://x.com/regyperlera/status/2010024069874512106