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

一、全文速览图

二、设计资讯

1. Codex 生图案例分享

X 上看到一个 Codex 的使用案例，将 Codex 内置一个图片标注工具，这样修改标注工具里的图，Codex 就能读取数据进行重新生成，案例分享给大家

通过内嵌浏览器 + Codex Image 2 + 无限画布（Excalidraw / tldraw），构建一个多模态画布系统，让 Codex 直接读取画布的 Base64 标注图，实现“看图理解 + 生成”。

这样 Excalidraw / tldraw 就不只是白板，而是变成前端的 Multi-modal Canvas，用来拼一个低配但可控的生图工作流。

其他在线白板工具：

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

网址：https://excalidraw.com/

此想法的原帖： https://x.com/zhongerxin/status/2068027614300893383

原作者 Cowart：Codex + 无限画布工具插件开源： https://github.com/zhongerxin/cowart#

换白板工具原帖： https://x.com/cellinlab/status/2068193900570046502

操作步骤原帖： https://x.com/liyue_ai/status/2068545434818400526

2. Figma 客户端“标签页分组”功能

标签页分组功能允许您在 Figma 桌面应用程序中对标签页进行分组、着色、展开和折叠。保持井然有序，再也不用担心找不到要查找的文件。

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

FigmaEX 客户端已经更新到 126.6.8 版本，可自行下载安装。

三、产品推荐

1. 应用图标博物馆

展示收藏了非常多 iOS 的经典应用图标，并支持搜索，非常喜欢被精心设计的图标包围的充实感，后续会开放 macOS 应用图标库。

网址：https://icon.museum/

2. 优秀应用界面库 ①

网站收集了一波应用商店的优化图片和用户引导流程的设计案例。

网址：https://before.click/

3. 优秀应用界面库 ②

App Store 截图库包含，350 万+ 截图 、40 万+ 应用，永久免费

网址：https://screenshotsclub.xyz/

4. 点阵加载器（网站 Loading 动画）

每个应用程序都需要矩阵加载器，55+个免费且开源的加载器，基于 React、TypeScript、Tailwind CSS 和 shadcn 构建。安装一个，复制代码，然后将其变成属于你自己的作品。

网址：https://dotmatrix.zzzzshawn.cloud/

5. 设计灵感网站 ①

精选 X 中设计、交互的最佳设计，每日更新，并且还有应用截图和应用图标等信息，AI 时代提升"看"的能力

网址：https://recent.design/

6. 设计灵感网站 ②

umanmade 是一个由真人创作的数字作品精选目录，收录优秀的设计灵感和交互案例

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

四、设计素材

1. Figma UI 模板库

免费的、随时可用的 Figma UI 块库。 复制任意组件，将其粘贴到你的文件中，即可立即开始构建。 非常适合着陆页、布局和 UI 部分。

网址：https://blocks.lander.studio/

我们是谁？

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