📰 设计资讯
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)








