设计资讯

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

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

https://app.weavy.ai/

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

产品推荐

在线矢量路径工具

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

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

https://iso.alasdairmonk.com/

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

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

免费开源的录屏工具

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

https://recordly.dev/

https://github.com/webadderall/Recordly

开源图标库

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

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

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

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

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

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

https://reflow.fehey.com/

标尺小工具

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

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

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

设计素材

西文免费开源字体合集

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

https://www.freefaces.gallery/

https://fontshare.com/

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

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

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

UI/UX 设计师 Vibe Coding 指南

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

https://vibecodingfang.netlify.app/#

随便看看

设计欣赏

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

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

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

沉浸式阅读探索

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

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

我们是谁？

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