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

往期周刊：

一、设计资讯

1. PNG 3，时隔 20 年的更新

PNG 3 最近突然发布了第三版规范，这是自 2003 年 PNG 2 发布以来的第一次重大更新。PNG 3 引入了一些重要新特性，旨在让这个经典的图像格式更适应现代需求。

1. 支持 CICP 更轻量的色彩空间描述：PNG 3 引入了 CICP（独立编码点） 来支持更广泛的色彩空间和高动态范围（HDR）图像。 之前的 PNG 支持用嵌入 ICC 文件的方法来支持色彩空间，而 CICP 则提供了一种更轻量级的方式来支持色彩空间。用 CICP 来表示色彩空间只需要 16 个字节，而 ICC 文件通常需要 300 字节以上，对于小尺寸图片并且数量多的场景，这种差异非常显著。
2. 正式支持 APNG 动画：Mozilla 早就提出了 APNG 动画，相比 GIF 动画，APNG 支持真彩色和 Alpha 通道透明度，在过去 APNG 只是一个第三方的标准，虽然部分浏览器支持，但并没有被正式纳入 PNG 标准。PNG 3 现在正式支持 APNG 动画，这意味着未来浏览器和图片工具对 APNG 的支持会更好。
3. 原生 HDR 支持： 现在 PNG 3 支持原生的 HDR 图像，通过前面提到的 CICP 来提供支持。据说不久后的 PNG 4 还会增加 HDR 方面的更多特性。
4. 原生 Exif 支持：现在 PNG 3 支持原生的 Exif 元数据， 之前 PNG 其实也支持嵌入 EXIF 数据，但不是官方规范中的。
5. 即将到来的更多更新：这次时隔多年的更新只是一个开始，PNG 3 团队已经在计划更多的更新，包括更多的 HDR 特性、改进的压缩算法等。
6. W3C 规范：https://www.w3.org/TR/png-3/
7. 官方人员博客：https://www.programmax.net/articles/png-is-back/

2. Figma 原生支持液态玻璃（Liquid Glass）效果

iOS 26 的液态玻璃效果现在可以在 Figma 中原生支持了，可以直接在 Figma 中使用液态玻璃效果，而不需要额外的插件。Sketch、Mottif 之前已经支持了液态玻璃效果，Figma 的液态玻璃效果姗姗来迟，不过其效果却是最好的。

Figma 液态玻璃官方示例：https://www.figma.com/community/file/1522715486231239473

二、产品推荐

配色生成器 Kigen Color Generator

这是一个新出的配色生成器，提供了多种配色方案和风格，支持导出为 CSS 变量，还有对应的 Figma 插件。

1. 网页版：https://kigen.design/color
2. Figma 插件：https://www.figma.com/community/plugin

iOS 26 应用图标模板 - iOS 26 App Icon Mockup Generator

这是一个 iOS 26 应用图标的模板生成器，可以上传图片生成一个 iOS 26 应用图标在真实手机中的预览。

网址：https://iconcraft.app/app-icon-mockup

Emoji 助手 Figma 插件 - Emoji Buddy

一个可以快速把 Emoji 插入到 Figma 设计中的插件，支持搜索、分类。

网址：https://www.figma.com/community/plugin/1524943435263052748/emoji-buddy

开源、自托管的轻笔记系统 - memos

这是一个开源的轻笔记系统，可以部署在服务器、Nas 或者你的电脑中（通过 Docker）。

它实际上就像是用微博/推特/小红书的方式来记录笔记，支持 Markdown、标签、搜索等功能。它支持多用户和分享，所以在公司团队、或者家庭中可以把它当做一个内部微博/推特。

alt text

网址：https://www.usememos.com/

免费图片转矢量化工具 Free Vectorizer Figma 插件

这是一个免费的图片转矢量化的 Figma 插件，可以将位图图片转换为在 Figma 可编辑的矢量图形。类似的工具有很多，比如 Vector Magic（效果最好），但大多数都是收费的，这个插件是免费的。

网址：https://www.figma.com/community/plugin/1526280907441235581/free-vectorizer-image-tracer

Figma 动画制作插件 - Lottie Engine

这是一个 Figma 插件， 可以在 Figma 中简单的制作帧动画，支持导出为 Lottie 动画。

网址：https://www.figma.com/community/plugin/1527024199608695239/lottie-engine

AI Figma 设计生成动画工具 Magic Animator - Figma 插件

一个能够从 Figma 设计中生成可编辑动画的 AI 工具。

只需一键，即可获得四种独特的动画变体，您可以直接导出，或在功能齐全的动画编辑器中进一步调整。

网址：https://magicanimator.com/

在线液态玻璃（Liquid Glass）效果生成器

一个可以在线模拟液态玻璃效果的生成器，支持多种参数调整 。

网址：https://slash-salty-17161379.pung.site/