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

2026-4-20    清阳 设计资源

一、全文速览图

兰亭妙微UI设计公司,资源分享。

image.png

二、设计资讯

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/

image.png

三、产品推荐

1. 在线矢量路径工具

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

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

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

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

image.png

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

image.png

3. 免费开源的录屏工具

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

网址: https://recordly.dev/

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

image.png

4. 开源图标库

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

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

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

image.png

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

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

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

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

image.png

6. 标尺小工具

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

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

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

image.png

四、设计素材

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

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

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

网址: https://fontshare.com/

image.png

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

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

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

image.png

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

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

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

image.png

五、随便看看

1. 设计欣赏

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

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

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

image.png

2. 沉浸式阅读探索

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

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

image.png

 

 

转载:优设

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档