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

一、全文速览图

二、设计资讯

1. Figma 官方出了网站直接转 Figma 文件插件

捕获你的实时网站，并将其作为可编辑图层导入 Figma。 支持导入实时页面或元素，无需代码库、终端或编程。直接从浏览器中抓取完整页面或选择所需元素。 不过该功能尚在测试阶段，仅限 Pro 及以上计划用户使用。

Chrome 插件： https://chromewebstore.google.com/detail/figma/

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

但是，也有第三方设计师早在 Figma 上线前已经做出了这个插件，并且是免费的，有网页转 Figma 需求但是又不符合 Figma 测试门槛的，来试试这款插件：

网址：https://gwrdluzl9j9.feishu.cn/wiki/

2. Figma 社区个人展示页改版

Figma 社区个人资料刚刚进行了更新，因此您可以更好地展示您是谁、您的工作流程和您的作品。

1. 添加您的职位、经验、技术栈以及您自己的自定义 FigPal。
2. 置顶你的优质资源，并添加图片和链接来展示你的最佳作品。
3. 将您的社交渠道连接到社区，以增加您的粉丝数量。

总体说改版之后的个人展示页面更像是设计师个人主页

网址：https://help.figma.com/hc/en-us/article

3. Figma 上线设计规范检查功能

检查设计功能会将您的设计与设计系统进行比较，标记出偏差之处，并一键提供正确的修复建议。在工作过程中随时发现偏差，在交付前运行质量保证流程，并确保每个文件都与您的设计系统保持一致：

→ 变量和样式建议标记硬编码的颜色、文本、半径和间距值，并将其替换为正确的设计系统标记。

→ 辅助功能建议会标记颜色对比度规范，并将其替换为符合 WCAG 2.0 AA 或 AAA 标准的颜色。

→ 组件库匹配检测会标记来自未订阅库的组件。

功能适用于组织版和企业版套餐。

4. Figma 其他更新

1. Figma 专业版的 AI 积分如果不够用可以购买扩展额度了
2. 支持上传视频的容量由原来 100MB 提高到 300MB
3. 插槽工具增加了更多细节设置

三、产品推荐

1. 腾讯新 AI 生成工具 Miora 开始内测

Miora 不是又一个 AI 出图工具，而是一个由 Agent 驱动的 AI 创意工作室。给它一份 brief，它会按需调用对应的 Creative Specialist，从图像、脚本、分镜、视频、U/UX、插画、3D 到品牌系统，在一块无限画布上交付整套可用的创意资产。

现在工具在内测中，感兴趣的可以官网提前申请一下。

网址：https://miora.design/home

2. 静态 Logo 直接变成矢量动画的开源工具

丢一张 PNG 或 JPG 进去，它先用 AI 把像素图转成矢量路径，然后自动生成动画效果，输出无损的 SVG。

注意它不是一个独立的 App，是一个 Agent skill ，也就是说你在 Claude Code 或者 Codex 里加载这个技能之后，直接跟 AI 说"把这个 logo 变成动画"就行。

它的工作流大概是这样的：

1. AI 分析你的像素图，识别图形结构
2. 用矢量路径重建图形，跟原图对比误差
3. 根据图形特点选择合适的动画方式
4. 输出干净的 SVG 代码，可以直接嵌到网页里

SVG 是纯代码，不带任何依赖，体积很小，适合放在网站或者产品里。

网址：https://github.com/nolangz/pixel2motion

效果预览：https://nolangz.github.io/pixel2motion/

作者帖子： https://x.com/VincentLogic/status/2066136632496136588

多说一点，感觉之后会逐渐出现 Agent skill 类型的分享，将这些告诉你的 AI ，你来控制开出怎样的花。

我们是谁？

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