设计资讯

Figma 公测上线 Slots（插槽）功能

Figma Slot 用于在组件中预留内容位置的机制，使设计师可以灵活替换或插入不同元素，而不影响组件结构。快捷键 cmd + Shift + S，能够有效减少组件数量，所有用户均可使用，该功能陆续推送

官方使用介绍：https://www.figma.com/blog/supercharge-your-design-system-with-slots/

草帽详细教程：https://www.bilibili.com/video/BV1smPhzxE14/

GitHub Copilot 到 Figma

Copilot 现支持连接 Figma MCP，可将渲染 UI 推送为可编辑图层，并把设计上下文导入代码，已在 VS Code 上线。功能本质上就是让 设计 ↔ 代码 可以双向流动，在开始做设计前可以让 AI 帮你起草原型框架，导入到 Figma 继续完善细节

https://www.figma.com/release-notes/

产品推荐

简洁实用的颜色生成器

根据颜色生成不同明暗的配色，支持导出 SVG、代码直接使用

https://kigen.design/color

HTML to Figma 免费版

将任意网页转成 Figma 设计文件，这期一次分享 2 个免费工具，亲测好用

01.像素星云图片上传助手

安装插件之后，在要采集的网站，右键菜单「捕获页面到 Figma」，在 Figma 里粘贴就行了

https://www.yzycolour.top/#/extension

https://wwbmr.lanzouw.com/iInYM3jw1cve

02.Web to Figma 浏览器插件

安装插件之后，在要采集的网站，点击插件即可，插件提示复制成功后，在 Figma 里粘贴即可

https://gwrdluzl9j9.feishu.cn/wiki/TTibw3e8niWpvmkfSIWc8bUmnJc

HTML 代码导入 Figma

Pixlore 是基于代码驱动的 Figma 生产力插件。它支持将 HTML code 直接转化为高保真的 Figma 矢量对象，自动匹配 Figma 的自动布局、样式属性。无论是复刻线上页面，还是将AI生成的代码转化成可编辑的矢量对象，都能一键转化，让设计工作流更高效。

https://pixlore.newportai.com/despilot-server/operation/trace/promotion/wxq-la-20260309

设计小工具集

免费、无需登录，无需注册，裁剪类工具、颜色调色类工具、图片类工具、排版类工具，以及各种类型的计算器工具合集，非常实用

https://delphi.tools/

Seater 给窗口安排专属工位

Seater 是一款 macOS 桌面窗口管理工具。在桌面上创建虚拟「工位」，将应用窗口拖入即可自动吸附，让窗口管理变得直观有趣。这也是作者的第一个 VibeCode 产品

作者：https://x.com/zuozizhen/status/2030486413708603399

https://github.com/zuozizhen/Seater

截图美化工具

浏览器中的图片美化工具，支持截图或者网站链接，丰富的样式设置支持免费下载

https://www.screenshot-studio.com/

设计素材

Figma 里快速制作游戏地图的方法

在 Figma 中通过使用组件和布尔运算的方式，制作能够随意组合拆解的地图，思路非常有意思，并且作者还免费将源文件分享出来，可以打开链接后复制一份就能进行编辑了

作者：https://x.com/zaotang18/status/2029502120244936721

文件：https://www.figma.com/design/5fe6uOPPHAr6Cbpbswz9AT/Game-map

3D 图标素材

https://www.figma.com/@Iconorastudio

设计技能指南

它把各种 UI/UX 设计能力做成了“技能（skills）”，对照用例对你现在的项目进行检查和优化，也可以通过更精确的描述让 AI 更懂设计

https://impeccable.style/#hero

我们是谁？

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