资讯/神器/素材全都有！2025年10月设计素材周刊第一波

往期回顾：

一、设计资讯

1. Figma Make 复制为设计图层

Figma 最近上线了新功能“复制设计”功能，将 Figma Make 预览转换为可以在 Figma Design 中粘贴和编辑的设计图层。

在 Figma 中 AI 生成 UI 之外又增加了 Make 生成 UI 的方法。Figma Make 是付费版和新认证的教育版用户都可以使用的

网址： https://www.figma.com/release-notes/

2. Figma MCP 新增 3 个 Beta 功能

Figma MCP 服务器和 Code Connect 推出三项 Beta 功能：远程访问、检索 Make 资源，以及全新 Code Connect UI，可一键连接 GitHub，把 Figma 组件更轻松映射到代码库。

网址： https://www.figma.com/release-notes/

3. Framer 推出全新「设计模式」

Framer 推出全新 「Design Pages」，让它从网页构建器进化为真正的设计工具。可以在自由画布上使用矢量编辑、P3 颜色、图像导出、高级蒙版等完整工具进行探索和实验，并可一键将设计转为网页，轻松添加断点。Wireframer 也能并用，快速生成独特布局。最棒的是，设计页面完全免费，项目与页面不限量。

Framer 开始发力设计模式了，这些年 Framer 产品做了多次转型，从最开始做原型、网页构建工具，如今迈出了设计工具这一步

网址： https://www.framer.com/updates/design-pages

4. Google Labs 推出 Mixboard

这是一款实验性的 AI 驱动概念画板。可以将参考图、生成结果都展示在自由画板中，并且多次选中多次生成，帮助完善您的想法，并使用最新的图像生成模型 Nano Banana 提供支持，现已推出仅限美国地区的公测版！

网址： https://labs.google.com/mixboard/projects

5. FigmaEX 更新 v1.5.52

修复了 FigmaEX 在汉化 Figma Make 界面时导致无法运行的问题。 目前暂不对 Figma Make 界面进行汉化。请前往 设置 → 检查更新，刷新后即可升级到最新版本。

二、产品推荐

1. 开源的 ASCII 字符动画编辑器

ASCII Motion 是一个动画 / 视频 /动态图像的 ASCII 艺术编辑 /转换工具，具有可视化编辑界面、帧 /动画控制、导入导出能力等特征。并且界面的控制和 UI 界面，与现在设计趋势有很大区别，非常有意思。

网址： https://ascii-motion.app/

网址： https://github.com/CameronFoxly/Ascii-Motion

三、设计素材

1. Figma Make 优秀案例

① 图片画廊案例

可以上传任意图片，自动生成柱状的旋转效果

网址： https://www.figma.com/community/file/1539099433640763293

② 动态数据动画展示案例

使用 Figma Make 生成的，打开文件可以看到每一步如何与 AI 交互的

网址： https://www.figma.com/community/file/1546653591554876379/figtron-1-0

③ 头像滤镜小工具

你可以在此基础上继续优化，比如支持自定义上传图片

网址： https://www.figma.com/community/file/1532412385940446818/figpals-filters

2. 适合开发者的字体：Maple Mono

专为程序员打造的一款字体，它字形简洁，采用草书风格的斜体，布局细腻，内置 Nerd-Font，并且中英文等宽比例均为 2:1。

1. 可变字体支持，一种字体，无限粗细
2. 圆角设计，全新的斜体草书字形设计
3. 智能连字
4. 图标 Nerd-Font 支持友好

网址： https://font.subf.dev/en/

四、随便看看你

1. 液态玻璃应用图标

作者用 AI 生成了一套 OS26 玻璃风格的图标，可以下载到本地更换自己电脑的系统图标

玻璃风格提示词:

[参考图]透明反光玻璃质感，透明感，UI 设计风格，光线追踪，干净背景，参考 Pinterest、Dribbble 风格，使用 OC 渲染器，细节丰富，16K 高清，浅色背景，大面积留白。

网址： https://liquidglassicon.designstroll.space/

2. 创意网站设计欣赏

鼠标可以控制胶带滚动的方向和位置，展开后会有预置的图片展示，这个效果适合展示大量图片信息时使用。

网址： https://www.laxspace.co/

非常精彩的幕后思考和故事： https://tympanus.net/codrops/2025/09/23/

随着胶带在屏幕上不断展开，画面很容易显得混乱和沉重。为了平衡这种能量，界面被刻意保持简洁干净。目标是让视觉效果成为舞台的主角，同时留出充足的留白，让用户能够自在探索和玩耍。

体验中还编织了一层互动感。动画会对用户操作做出回应，营造出运动与交互的感觉。隐藏的小细节，比如可以回放、围绕元素旋转，或是一个闪烁的小点，用来提示未被发现的项目。

按下空格键即可回放胶带，让它重新绘制一条路径。

3. 3 渲 2 风格的 WebGL 游戏

一款 WebGL 游戏，您可以在一颗微小的星球上传递信息，其他玩家也在这里，可以改变自己的外观并使用表情和其他玩家交流

网址： https://messenger.abeto.co/

4. 在线体验 Windows 3.11 复古电脑

Windows 3.11 复古电脑，带有可正常工作的拨号调制解调器互联网，内置了很多有意思的复古小游戏

网址： https://pieter.com/