资讯/神器/素材全都有！2026年4月设计素材周刊第二波

一、全文速览图

二、设计资讯

1. 在 Figma 社区推出 Figma Weave 工作流模板

Figma 社区最新推出的资源类型——Figma Weave 工作流——现已上线。Figma Weave 让您能够在可视化画布上构建可重复、可扩展的生成式 AI 工作流。现在，您可以直接在 Figma 社区中探索和复制 Figma Weave 团队构建的工作流。无论您是想生成新图像、将图像转换为视频，还是将品牌指南扩展为插图集，Figma Weave 都能轻松实现。

网址： https://app.weavy.ai/

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

三、产品推荐

1. 在线矢量路径工具

在线的轻量级矢量编辑器，作者希望像 Figma 向量网络那种流畅的操作体验，同时又想拥有 Blender 修改器的“魔法”。最终的成果是一个基于 GPU 加速、使用 Go + WASM 构建的图标与字形设计工作室，并且完全运行在浏览器中。

它有一些很酷的功能，比如形状构建器、动态镜像、干净的 SVG 导入导出、等距绘图投影等等，还有很多其他特性。整体设计比较简洁克制，但用起来很顺手。

网址： https://iso.alasdairmonk.com/

网址： https://x.com/almonk/status/2042127913173057659

2. Liaison - AI 编程定位、网页样式编辑与批注

在任意网页上实现类似 Figma 的设计体验，调整元素样式、添加评论，并导出结构化 Prompt 给 AI 开发与协作。

Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈，不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素，修改尺寸、间距、字体、颜色、圆角、描边、投影等属性，同时把评论和修改统一整理成结构化结果，方便交给开发或 AI 继续实现。

浏览器插件： https://chromewebstore.google.com/detail/liaison-ai-%E7%BC%96%E7%A8%8B%E5%AE%9A%E4%BD%8D%E3%80%81%E7%BD%91%E9%A1%B5%E6%A0%B7%E5%BC%8F%E7%BC%96%E8%BE%91%E4%B8%8E%E6%89%B9%E6%B3%A8/keeeahbnkkbengbjmmblmpgbccjeoebf

使用介绍： https://gwrdluzl9j9.feishu.cn/wiki/JWRjwF12ZiSQSrkjHbMcMwfbnPu

3. 免费开源的录屏工具

最贵的缩放录屏软件 Screen Studio，核心功能被 Recordly 复刻，完全免费开源！ 同时支持 Mac/Windows/Linux。 测试了下，比 Screen Studio 还轻便顺滑

网址： https://recordly.dev/

网址： https://github.com/webadderall/Recordly

4. 开源图标库

MingCute 是一套简约精致的开源图标库。无论您是设计师还是开发者，它都非常适合用于 Web 和移动端项目，同时提供了 Figma 插件能够更便捷的在设计过程中使用，以及动画图标库、UI 组件库、天气图标等不同场景的素材

网站： https://www.mingcute.com/

Figma 插件： https://www.figma.com/community/plugin/1306884809438005528/mingcute-icon

5. 图文混排的长文转小红书图片生成器

作者使用 vibe Coding 了一个支持 Markdown、图文混排的长文转小红书图片生成器，

1. 支持图文自由拖拽混排
2. 支持自动切分多图及一些主题风格化
3. 支持 Markdown 长文

网址： https://reflow.fehey.com/

6. 标尺小工具

一个微型工具，用于在 localhost 上测量间距并对齐您的 UI

网址： https://x.com/Ibelick/status/2042508446671499405

体验地址： https://mesurer.ibelick.com/

四、设计素材

1. 西文免费开源字体合集

面向 UI/UX 设计师与开发者，Freefaces Gallery 是一个精选的免费开源字体合集，这意味着您可以在个人和商业项目中使用它们，而无需担心许可问题。

网址： https://www.freefaces.gallery/

网址： https://fontshare.com/

2. 100+个开源免费的 SVG 加载动画

你可以使用这些基于 SVG 的加载图标来直观地指示内容。 这些动画来自多种来源，均采用 MIT 许可证。因此，它们可以无限制地用于商业用途，且无需署名。

网址： https://magecdn.com/tools/svg-loaders

3. UI/UX 设计师 Vibe Coding 指南

作者根据自身经验整理了一份「面向 UI/UX 设计师 的 Vibe Coding 完整工作流指南」从用 AI 辅助开发到 可交付、可上线。

网址： https://vibecodingfang.netlify.app/#

五、随便看看

1. 设计欣赏

作者在 Figma 中 1 小时绘制的小组件，好玩的是发帖后有人回复了在线的地址，将组件实现为了可以使用的音乐播放器，在 AI 时代还是需要审美创造力的，可以通过链接体验

网址： https://x.com/AdityaSur11/status/2038881480898756695

网址： https://audio.snvshal.workers.dev/

2. 沉浸式阅读探索

作者为自己的博客增加了多种阅读状态，让视觉外观不止是浅色、深色，增加了树影、月色、下雨、下雪等多种自然状态，网站右上角可以切换体验

网址： https://theme-switch.pages.dev/

我们是谁？

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