📰 设计资讯
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、代码直接使用
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
设计小工具集
免费、无需登录，无需注册，裁剪类工具、颜色调色类工具、图片类工具、排版类工具，以及各种类型的计算器工具合集，非常实用
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）
