往期周刊：

一、設(shè)計資訊

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

PNG 3 最近突然發(fā)布了第三版規(guī)范，這是自 2003 年 PNG 2 發(fā)布以來的第一次重大更新。PNG 3 引入了一些重要新特性，旨在讓這個經(jīng)典的圖像格式更適應(yīng)現(xiàn)代需求。

1. 支持 CICP 更輕量的色彩空間描述：PNG 3 引入了 CICP（獨(dú)立編碼點(diǎn)） 來支持更廣泛的色彩空間和高動態(tài)范圍（HDR）圖像。 之前的 PNG 支持用嵌入 ICC 文件的方法來支持色彩空間，而 CICP 則提供了一種更輕量級的方式來支持色彩空間。用 CICP 來表示色彩空間只需要 16 個字節(jié)，而 ICC 文件通常需要 300 字節(jié)以上，對于小尺寸圖片并且數(shù)量多的場景，這種差異非常顯著。
2. 正式支持 APNG 動畫：Mozilla 早就提出了 APNG 動畫，相比 GIF 動畫，APNG 支持真彩色和 Alpha 通道透明度，在過去 APNG 只是一個第三方的標(biāo)準(zhǔn)，雖然部分瀏覽器支持，但并沒有被正式納入 PNG 標(biāo)準(zhǔn)。PNG 3 現(xiàn)在正式支持 APNG 動畫，這意味著未來瀏覽器和圖片工具對 APNG 的支持會更好。
3. 原生 HDR 支持： 現(xiàn)在 PNG 3 支持原生的 HDR 圖像，通過前面提到的 CICP 來提供支持。據(jù)說不久后的 PNG 4 還會增加 HDR 方面的更多特性。
4. 原生 Exif 支持：現(xiàn)在 PNG 3 支持原生的 Exif 元數(shù)據(jù)， 之前 PNG 其實(shí)也支持嵌入 EXIF 數(shù)據(jù)，但不是官方規(guī)范中的。
5. 即將到來的更多更新：這次時隔多年的更新只是一個開始，PNG 3 團(tuán)隊(duì)已經(jīng)在計劃更多的更新，包括更多的 HDR 特性、改進(jìn)的壓縮算法等。
6. W3C 規(guī)范：https://www.w3.org/TR/png-3/
7. 官方人員博客：https://www.programmax.net/articles/png-is-back/

2. Figma 原生支持液態(tài)玻璃（Liquid Glass）效果

iOS 26 的液態(tài)玻璃效果現(xiàn)在可以在 Figma 中原生支持了，可以直接在 Figma 中使用液態(tài)玻璃效果，而不需要額外的插件。Sketch、Mottif 之前已經(jīng)支持了液態(tài)玻璃效果，F(xiàn)igma 的液態(tài)玻璃效果姍姍來遲，不過其效果卻是最好的。

Figma 液態(tài)玻璃官方示例：https://www.figma.com/community/file/1522715486231239473

二、產(chǎn)品推薦

配色生成器 Kigen Color Generator

這是一個新出的配色生成器，提供了多種配色方案和風(fēng)格，支持導(dǎo)出為 CSS 變量，還有對應(yīng)的 Figma 插件。

1. 網(wǎng)頁版：https://kigen.design/color
2. Figma 插件：https://www.figma.com/community/plugin

iOS 26 應(yīng)用圖標(biāo)模板 - iOS 26 App Icon Mockup Generator

這是一個 iOS 26 應(yīng)用圖標(biāo)的模板生成器，可以上傳圖片生成一個 iOS 26 應(yīng)用圖標(biāo)在真實(shí)手機(jī)中的預(yù)覽。

網(wǎng)址：https://iconcraft.app/app-icon-mockup

Emoji 助手 Figma 插件 - Emoji Buddy

一個可以快速把 Emoji 插入到 Figma 設(shè)計中的插件，支持搜索、分類。

網(wǎng)址：https://www.figma.com/community/plugin/1524943435263052748/emoji-buddy

開源、自托管的輕筆記系統(tǒng) - memos

這是一個開源的輕筆記系統(tǒng)，可以部署在服務(wù)器、Nas 或者你的電腦中（通過 Docker）。

它實(shí)際上就像是用微博/推特/小紅書的方式來記錄筆記，支持 Markdown、標(biāo)簽、搜索等功能。它支持多用戶和分享，所以在公司團(tuán)隊(duì)、或者家庭中可以把它當(dāng)做一個內(nèi)部微博/推特。

alt text

網(wǎng)址：https://www.usememos.com/

免費(fèi)圖片轉(zhuǎn)矢量化工具 Free Vectorizer Figma 插件

這是一個免費(fèi)的圖片轉(zhuǎn)矢量化的 Figma 插件，可以將位圖圖片轉(zhuǎn)換為在 Figma 可編輯的矢量圖形。類似的工具有很多，比如 Vector Magic（效果最好），但大多數(shù)都是收費(fèi)的，這個插件是免費(fèi)的。

網(wǎng)址：https://www.figma.com/community/plugin/1526280907441235581/free-vectorizer-image-tracer

Figma 動畫制作插件 - Lottie Engine

這是一個 Figma 插件， 可以在 Figma 中簡單的制作幀動畫，支持導(dǎo)出為 Lottie 動畫。

網(wǎng)址：https://www.figma.com/community/plugin/1527024199608695239/lottie-engine

AI Figma 設(shè)計生成動畫工具 Magic Animator - Figma 插件

一個能夠從 Figma 設(shè)計中生成可編輯動畫的 AI 工具。

只需一鍵，即可獲得四種獨(dú)特的動畫變體，您可以直接導(dǎo)出，或在功能齊全的動畫編輯器中進(jìn)一步調(diào)整。

網(wǎng)址：https://magicanimator.com/

在線液態(tài)玻璃（Liquid Glass）效果生成器

一個可以在線模擬液態(tài)玻璃效果的生成器，支持多種參數(shù)調(diào)整 。

網(wǎng)址：https://slash-salty-17161379.pung.site/