设计素材周刊【 195 期】

现在可以在网站中切换查看多种网站设计风格，复制喜欢风格的提示词，将这些提示添加到任何 AI 助手，即可在几分钟内打造美观且一致的界面。

https://www.designprompts.dev/

一个让提示词更好写、更好管的工具。支持灵活编辑与集中管理，提供大量预设结构，轻松应对复杂、冗长的提示词工程。

https://promptfill.tanshilong.com/

为图片添加多种

。应用效果后，插件会实时复制并更新最底部的图片图层，支持透明背景和复杂的矢量形状蒙版。仅支持

，无法直接将矢量图层转换为抖动图片效果

https://www.figma.com/community/plugin/1524044197426144935/dither-me-timbers

是一套与

完全兼容的 UI 组件库，提供不断扩展的即用型组件，帮助更快速地搭建 Magento / Adobe Commerce 电商网站。包含丰富的设计组件，支持自动布局、样式、组件与变体，方便设计师快速定制并高效完成设计

https://www.figma.com/community/file/1583490251417977007

官网：https://www.hyva.io/hyva-ui.html

高质量的样机、图案、纹理、笔触等素材资源，网站中有各种格式和各种设计素材部分支持免费下载使用

https://resourceboy.com/photoshop-brushes/

热门人工智能/LLM模型品牌SVG标志和图标合集，支持快捷复制色值、免费下载 SVG 格式到本地

https://icons.lobehub.com/

网站中提供各种格式的资源和丰富的源文件以及样机等素材

https://craftwork.design/search/free

https://www.figma.com/community/file/1584491208670601981

这是 Three.js 的官方学习网站，用于介绍、学习和获取这个开源的 JavaScript 3D 库及相关资源

https://threejs.org/

https://threejs.org/examples/#webgl_animation_keyframes

2025 年，Sketch 迎来了历史上规模最大的一次升级。发布了

三个重要版本，集中带来了大量用户呼声最高的功能与改进。

从全新的布局系统与容器类型，到 MCP Server 支持，再到全面焕新的设计体验，本次更新内容丰富而深度十足。下面一起来快速了解重点。

https://www.sketch.com/blog/sketch-in-2025/

作者通过

，并结合

，几乎完全依赖 CSS 就实现了动态光效，仅用极少量 JS 来负责位置计算。实现思路非常巧妙，既优雅又有参考价值。 强烈建议收藏研究一下，把这个效果用到页面里，整体质感立刻提升不少

https://codepen.io/jh3y/pen/WbwZaNa/pen

https://x.com/vikingmute/status/2001286600383459776

请帮我制作一个 Motorola Fix Beeper 复古打字机应用，网页中间显示一个打字机，可以把用户输入的文本，生成一张卡片，类似打字机缓慢打出的效果，并且可以拖动卡片到空白区域

https://aistudio.google.com/apps/drive/1mY-Vuq5_mJn_0sNsVJrui68Ql6r1aAR-?showPreview=true&showAssistant=true

一个很有意思的设计活动，画一个尽量接近每日目标数值的正方形，争取登上排行榜的榜首

https://sckware.com/

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