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

一、全文速览图

二、设计资讯

1. Figma MCP 服务器现支持双向工作流

Figma MCP 服务器现已支持双向工作流程，并提供更多编码环境。您可以将渲染后的 UI 作为可编辑框架推送到画布上，与团队一起探索方向并比较流程，然后将设计上下文导入代码。包括 Cursor、Warp、Factory、Firebender 和 Augment

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

2. Figma 上线购买和管理额外的 AI 积分

管理员现在可以购买额外的 AI 点数用于 Figma。请选择最适合您团队使用情况的选项：

1. 购买 AI 订阅：对于经常使用 AI 功能的团队，您可以订阅按月计费的积分套餐，价格根据使用量而定。
2. 启用按需付费模式：对于使用量不稳定的团队，您可以根据需要充值，直至达到您设定的消费限额。此选项可单独使用，也可与订阅服务结合使用，以应对偶尔出现的使用高峰。

目前，组织和企业计划已推出按需付费模式，专业计划将于 2026 年 5 月推出该模式。

购买后，管理员可以从管理面板中的“人员”选项卡或“AI 积分”页面管理谁可以访问付费 AI 积分。

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

三、产品推荐

1. 用户体验法则

网站汇集了设计师在构建用户界面时可以考虑的最佳实践，包含美观性、信息分区、认知偏差以及全面的设计定律，甚至可以用来生成 Skill，应用到 AI 工具中

网址：https://lawsofux.com/

2. Figma 印刷插件

国内团队开发的面向真实印刷流程的 Figma 插件，把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求，并更快导出交付文件。

网址：https://www.figma.com/community/plugin/1583985202878360902/printlyfigma-to-print

3. 在线免费的配色工具

你可以从一个基准色出发，按 色相/饱和度/明度 等属性进行参数调整，快速得到成套调色板，并可保存、分享与导出。支持多种 配色（单色、邻近、互补、分裂互补、三色、四色等）、提供 5 种色彩空间（OKHSL、HSL、HSV、LCH、HWB）

网址：https://supercolorpalette.com/

4. 在线配色工具 2

这款复古写实 UI 是偏“色彩科学 + 参数化生成”的在线配色工具，你可以在 OKLCH / OKLAB / LCH / LAB / Display‑P3 / HSL / RGB / HEX 等多种色彩空间中生成与微调调色板，用 亮度（Lightness）/ 色度（Chroma）/ 色相（Hue） 等参数做精细控制，并实时在不同色彩空间之间转换，适合想用 OKLCH 等先进色彩空间做更“稳定、可控、可复现”的配色（尤其是做系统化的 UI 色阶/主题色扩展）的场景

网址：https://colorpalette.pro/

5. 开源录屏工具

Recordly 是一款可替代 Screen Studio 的开源录屏工具，用来制作更精致、专业感更强的屏幕录制视频。它在“录完就能用”的基础上，补齐了更完整的动效与渲染能力：包括光标动画/渲染管线、更贴近 Screen Studio 的缩放动画、光标循环、以及更顺滑的平移/跟随表现。

同时它提供 macOS / Windows 原生录制能力，并支持 Windows、macOS、Linux 全平台，且有开箱即用的安装包，上手门槛更低。

GitHub： https://github.com/webadderall/Recordly

网站： https://recordly.dev/

四、设计素材

1. 交互动画收集站

设计群里小伙伴做的汇集 X（原 Twitter）上优质的交互动画案例，覆盖角色动画、图标动效、加载反馈、导航交互、数据可视化、插画等多种应用场景。所有内容已完成分类整理，支持快速检索，真正做到“随用随找”；同时加载轻量、访问顺畅，对网络环境更友好。

网址：https://rive.cool/

2. 超酷的“盲文”加载动画

灵感来自 2 月份 X 上刷到的一张加载动画：用盲文点阵做动态加载，既简洁又很有辨识度，视觉效果意外地出色。作者在此基础上进一步把它做成了基于 盲文 Unicode 的旋转指示器，并封装为可直接复用的 React 装饰器组件，接入项目更省事。

没想到盲文这种“特殊语言”还能被拓展成这么有趣、实用的动效表达。

预览： https://cli-loaders-two.vercel.app/

Github： https://github.com/agilek/cli-loaders

作者灵感来源： https://x.com/AliGrids/status/2033002433753002390

五、随便看看

我复刻了 Claude 刚发布的生成式 UI 交互

让 AI 直接在聊天里画交互式图表，流式输出，边生成边渲染，文章中介绍了用法，以及具体的实现过程和一些注意事项

体验： https://github.com/op7418/CodePilot

原文： https://x.com/op7418/status/2033113845120807170

设计师个人博客

里面做了很多有意思的设计交互尝试，例子中包含了详细的说明以及多图和交互演示

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

设计师博客 2

UI 设计师的博客，展示的 UI 作品设计非常细腻

网址：https://airform.design/

东京设计论坛现场笔记

能带来很多思考和启发

网址：https://tokyo.floguo.com/note/no-one-way-to-use-ai

我们是谁？

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