moonvy | 设计素材周刊的 RSS 预览

设计素材周刊 170 期

2025-06-22 00:00:00

📰 设计资讯

Midjourney 上线视频模型V1

一个任务同时生成4条视频，视频分辨率是480，每段是5秒，支持延时每次4秒，最多4次。并且支持选择视频的动态幅度，支持添加首帧参考图。生成内容审美在线。

https://www.midjourney.com/

Figma 可以在浏览器中收到通知了

现在可以在浏览器中选择接收 Figma 的推送通知，就像在 Figma 桌面应用中一样。一旦您允许 Figma 在浏览器中向您发送通知，您将实时收到评论回复、评论中的 @ 提及以及文件中（例如 FigJam 中的便签）的 @ 提及提醒

https://www.figma.com/release-notes/?fuid=451634776159532808

妙多设计工具原生支持「液态玻璃」效果

国内设计工具妙多是首个原生支持 Liquid Glass(液态玻璃)效果的设计工具，上周 Figma 在X中预告即将上线，没想到还是国内的设计工具速度比较快，直接就上线可以使用了，简单试用了一下，效果表现很好👍

https://miaoduo.com/

月维交付支持上传 Figma 备注（Annotation）

在 Figma 设计图上加的备注（Annotation）信息，支持和设计图一起上传到月维中，标注信息和备注一起看。

https://moonvy.com/changelog/

关于 Sketch 2025 新版

Sketch 2025 新版本也更改了版本号，由原来的 101.9 变成了 2025.1，软件内部也有很多的改动，介绍几个可能会用到的变化

画框可以多层嵌套了，更接近 Figma 的 Frame，可以多层嵌套
增加了画框导出设置「裁切内容」，导出画框时记得勾选，不勾选可能会因为有投影导致内容超出设计图
画框调整尺寸，但不要内容跟随移动，要按住 Cmd 再进行调整，这和 Figma 的逻辑也相同
很多交付工具都无法上传设计图，可以使用 Moonvy 月维设计交付工具，支持最新版的 Sketch 版本。

Sketch 更新日志：https://www.sketch.com/changelog/

月维设计交付：moonvy.com

🏆 产品推荐

2款可视化圆角计算器

做 UI 圆角嵌套时，使内容保持同心圆可以使用这样的圆角计算工具来辅助。同时工具还支持一键复制 CSS 样式代码。

https://ui.paukraft.com/tools/radius-calculator

https://howbr.vercel.app/

Figma 形状扭曲插件

通过插件可以在 Figma 中快速缩放、收缩和膨胀形状。适合LOGO探索或图形创作

https://www.figma.com/community/plugin/1516079454915893027

🎊 设计素材

优设字体导航网站

非常全面的字体分类，并且备注了是否免费，打开每款字体都会有详细的介绍并且提供下载地址，找字体会很方便。

https://hao.uisdc.com/font/

设计素材

一组柔和模糊的形状，可用于打造时尚的背景、重点和氛围。易于扩展，适用于任何项目。非常适合网站、演示文稿和社交媒体。

https://www.figma.com/community/file/1518144653519091917

iOS 26 部分UI组件

Apple 官方还没有在 Figma 发布 iOS 26 设计组件文件，Sketch 版本的资源直接转 Figma 会有内容和效果的丢失，这是非官方的用户分享的部分新 UI 组件。

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

🏖 随便看看

在 Web 中模拟照明效果

SVG 过滤器提供了一个基本的照明系统，可以将其与少量 JavaScript 同步并在您的 Web 应用程序中使用! 不那么强大但很酷，这篇帖子中有很多这部分实现的介绍，有兴趣可以看原贴。

https://x.com/jh3yy/status/1936212860893364635

设计素材周刊 169 期

2025-06-15 00:00:00

📰 设计资讯

Figma 即将支持液态玻璃效果

Figma官宣即将推出液态玻璃效果，Figma在X上放出视频预告。上周设计群里讨论AI话题都变少了，回归到设计效果实现，这次 Figma 的响应很及时👍，其他设计工具暂时还没有动静。

https://x.com/figma/status/1933624715714965947

Figma 近期更新

Figma Sites 添加代码级交互和动画

现在，借助代码层，你可以在网站中实时编写和管理 React + Tailwind 动效，也可使用内置 AI 辅助生成。
开发模式 MCP 官方服务器测试版上线

Figma Dev Mode 现已支持 MCP 服务器，助力 AI 代理在代码编辑器（如 Cursor、VS Code with Copilot、Windsurf、Claude Code）中实现基于设计的智能生成。
Apple 字体现已自动可用

在 Figma Editor、Slides 和 Buzz 中，Apple 的 SF Pro 和 SF Compact 字体可自动使用，无需手动安装。FigJam 也支持部分复制粘贴使用。

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

🏆 产品推荐

设计师社区 Layers 界面改版

原来是一页多图展示，以图为主预览，变成了X一样的设计，更像设计区/帖子的浏览方式。Dribbble 变了之后，不少设计师换到了 Layers 这里分享内容，社区以 UI、UX 作品为主

https://layers.to

移除背景工具

超有意思的图像移除背景工具，网站打开像游戏场景，把图片拖到界面中就可以开始移除背景（过程中会把你这张图变成床单丢进洗衣机转几圈）然后就去掉背景可以下载了。🤔这个设定做压缩工具也是可以的吧，哈哈，总之就是很有意思有很实用的工具。

https://tools.dverso.io/bgremove/

2个设计师灵感网站

Supahero 与 CTA.gallery 均是高品质的设计作品库，为用户提供“直接可用”的界面设计灵感。

一个专注于按钮与交互行为（CTA），另一个立足网站首屏视觉（Hero Section），共同价值在于：精选、分类、启发、提升转化。两者适合在用户界面交互设计的不同关键环节互为补充，是设计流程中不可或缺的灵感来源

https://www.supahero.io/

https://www.cta.gallery/

液态玻璃效果在网页实现

上周设计师们都在群里聊液态玻璃的视觉效果以及如何落地，分享两个开源的网页中使用的液态玻璃效果，网页效果会因浏览器的不同显示有区别，建议使用 Chrome 浏览。

为了方便展示，月维的网站上可以直接鼠标拖拽玻璃块浏览哦

预览：https://moonvy.com/?homepage

Github：https://github.com/shuding/liquid-glass

Github：https://github.com/rdev/liquid-glass-react

🎊 设计素材

Apple 官方 iOS 26 设计源文件

Apple 这次 iOS 26 的设计组件源文件上线了 Sketch 版本，现在可以在 Sketch 中查看新系统的组件和设计规范了。

https://developer.apple.com/design/resources/

Figma 按钮合集文件

作者分享了一套高质量按钮源文件，下面视频中的按钮效果也添加到了文件中。

https://www.figma.com/community/file/1511809868221081673

液态玻璃素材合集

这周液态玻璃话题太火热了，Spline 也开放了一个案例，这个是真实的可以交互的并且是Q弹的真液态玻璃，有兴趣的可以玩一下。

https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872
Figma 社区中也出现了非常多的仿液态玻璃效果的文件和插件，可以在社区中搜索关键词：Liquid Glass，再通过封面找到你合眼缘的就可以了，因为软件的限制大家做的效果也都大差不差。

https://www.figma.com/community/search?query=Liquid%20Glass&resource_type=mixed&editor_type=all&price=all&sort_by=popular&creators=all
另外 Canned Style （风格罐头）插件，我也增加上了液态玻璃的样式，方便大家点击一下就能生效使用。

https://www.figma.com/community/plugin/1392338579595619092/canned-style

高质量网站着陆页欣赏

设计细节含量爆表的网站设计，满屏的细节，和现在主流风格不同很有特色。按钮悬浮、滚动触发、图文联动、鼠标跟随等细节无处不在

https://blackalgo.com/

🏖 随便看看

2025 年主流设计交付工具全面对比

文章从 设计工具支持、代码语言、交付效率、文件管理、团队成本 等五大方面，深入对比主流设计交付工具 「Moonvy月维」、「蓝湖」、「摹客」 ，帮助团队做出更理性的选型决策。

选择一款高效、专业的设计交付平台，不仅能显著降低沟通成本，更能加速产品落地。

https://moonvy.com/blog/post/2025/moonvy-vs/

Finder 图标演变过程

对比这7个演变过程，个人更喜欢6，不过新 macOS 26 的图标更有玻璃质感，只是左脸蓝右边白看习惯了，而且老版本会有两个人脸的感觉，新版的只能看出蓝色的脸了。

https://x.com/BasicAppleGuy/status/1933526618473181441

多邻国招聘设计师

资深产品设计师，工作地点：北京

在这里，你可以充分发挥你的创造力和艺术才能，让多邻国App变得更加有趣、好玩。我们的目标是让界面看起来赏心悦目，交互体验流畅自然，通过寓教于乐的方式吸引更多学习者！

我们期待你具备

丰富的消费级产品，手机端App/游戏设计经验
追求完美，对细节精益求精
出色的设计思维和表达能力
如果你曾在初创科技公司工作过，或者拥有插画、动效设计技能，或是有用户研究经验，那就更棒了！

https://mp.weixin.qq.com/s/615L5aANxJxUqvjOIe34ow

设计素材周刊 168 期

2025-06-08 00:00:00

📰 设计资讯

2025 Apple 设计奖正式揭晓

国内谜底科技的 CapWords APP 获得 2025 Apple 设计奖。这是一款学语言的APP，灵感来自开发者的女儿在生活中随时随地的单词发问，何不让用户在求知欲旺盛时主动拍照学词，CapWords 诞生之初就是为了解决这个问题。

另外获奖的还有手机上的原型工具 Play、Vision Pro 平台的淘宝软件、还有国内的游戏无限暖暖。

https://sspai.com/post/99913

Framer 全面更新

全新升级了矢量编辑功能，重新设计了工具栏
整合了的插件和操作菜单，现在位于 Canvas 工具栏的专属位置。Workshop 等插件更容易找到，从 Canvas 到 CMS 等多个视图的操作和键盘快捷键也更加便捷。
推出了矢量动画，从描边效果开始，提供强大的全新动画选项。

所有这些功能都将为 Framer 带来全新的设计体验。

https://www.framer.com/updates

🏆 产品推荐

Figma Gif 制作插件

一体化 GIF 制作插件：导入 Figma 中的序列帧，调整每帧延迟和其他设置，然后立即将 GIF 导出到电脑，该插件免费。

https://www.figma.com/community/plugin/1435053239583953744/ultimate-gif-maker-free-unlimited-exports

🪄 AI 专区

即梦3.0 支持添加参考图了

即梦 AI 3.0 生成中文海报很优秀，近期3.0支持了添加参考图，这下生成内容真又准又好了

https://jimeng.jianying.com/

🎊 设计素材

质感按钮素材

文件中分享的大部分是拟物质感类按钮，非常精细，质量很高。大部分都是多个图层叠加创建的样式，另外这里推荐一下我做的一键使用样式的插件 Cannedstyle。

https://www.figma.com/community/file/1511809868221081673

3D 充气字母素材

高像素的PNG素材，适合做营销元素使用

https://www.figma.com/community/file/1510906268702162428

作者分享了多个高质量视觉文件

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

背景素材

精选的 40 多个高分辨率未来主义背景集合，适合网站、应用程序、海报、UI 中作为背景使用。

https://www.figma.com/community/file/1508827013863756004

Figma AI 功能介绍文件

如果你已经有了 Figma AI 功能，可以打开这个文件整体了解一下 Figma AI 的使用指南，学习一下用法和功能详细介绍。

https://www.figma.com/community/file/1375505114072192161

🏖 随便看看

2025 年主流设计交付工具全面对比

选择一款高效、专业的设计交付平台，不仅能显著降低沟通成本，更能加速产品落地。

https://moonvy.com/blog/post/2025/moonvy-vs/

2025 年主流设计交付工具全面对比

2025-06-05 00:00:00

在设计到研发的协作链条中，交付工具是提升效率的关键工具。选择一款高效、专业的设计交付平台，不仅能显著降低沟通成本，更能加速产品落地。

本文将从 设计工具支持、代码语言、交付效率、文件管理、团队成本 等五大方面，深入对比主流设计交付工具 「Moonvy月维」、「蓝湖」、「摹客」 ，帮助团队做出更理性的选型决策。

设计工具支持对比

对比项	Moonvy 月维	蓝湖	摹客
支持设计工具	✅ Figma ✅ Sketch ✅ Photoshop ✅ Adobe XD ✅ 即时设计	✅ Figma ✅ Sketch ✅ Photoshop ✅ Adobe XD ✅ MasterGO	✅ Figma ✅ Sketch ✅ Photoshop ✅ Adobe XD

💡 代码语言支持对比

语言类别	Moonvy 月维	蓝湖	摹客
Web 平台	✅ CSS ✅ CSS in JS ✅ CSS in HTML ✅ Tailwind ✅ UnoCSS	✅ CSS	✅ CSS
iOS 平台	✅ SwiftUI ✅ UIKit (Swift) ✅ UIKit (Objective-C)	✅ Swift ✅ Objective-C	✅ Swift ✅ Objective-C
Android 平台	✅ Android XML ✅ Jetpack Compose	✅ Android XML	✅ Android XML
跨平台 / 桌面	✅ Qt Style Sheets ✅ Qt QML	❌ 不支持	❌ 不支持
小程序	✅ 支持	✅ 支持	✅ 支持
Figma 自动布局代码	✅ 支持	❌ 不支持	❌ 不支持
变量代码支持	✅ 支持	❌ 不支持	❌ 不支持
百分比模式	✅ 支持	✅ 支持	✅ 支持
自定义像素	✅ 支持	✅ 支持	✅ 支持

Moonvy 月维支持 13 种主流语言与框架，代码交付能力更强大，适配更多开发场景。

交付效率对比

对比项	Moonvy 月维	蓝湖	摹客
多倍数切图	✅ 支持	✅ 支持	✅ 支持
切图导出格式	✅ PNG ✅ JPEG ✅ WebP ✅ AVIF ✅ JPEG XL ✅ SVG ✅ PDF	✅ PNG ✅ JPEG ✅ WebP ✅ SVG ✅ PDF	✅ PNG ✅ JPEG ✅ WebP ✅ SVG
切图压缩	✅ 支持	✅ 支持	❌ 不支持
历史版本管理	✅ 支持	✅ 支持	✅ 支持
检测重复切图	✅ 自动识别	❌ 不支持	❌ 不支持
图层列表	✅ 支持	❌ 不支持	❌ 不支持

Moonvy 月维在压缩、去重、格式自动化方面功能更全面，交付更轻松。

文件管理能力对比

在线预览的文件格式支持

对比项	Moonvy 月维	蓝湖	摹客
Axure 原型	✅ 支持	✅ 支持	✅ 支持
图片格式	✅ PNG 、✅ JPEG 、✅ GIF ✅ BMP 、✅ SVG 、✅ TIFF ✅ ICO 、✅ HEIC 、✅ AVIF ✅ WEBP、✅ JXL 、✅ TGA	✅ PNG ✅ JPG ✅ GIF	✅ PNG ✅ JPG ✅ SVG ✅ GIF
设计源文件	✅ .fig、.sketch、.psd、.ai、.xd	❌ 不支持	❌ 不支持
动画格式	✅ Lottie（.json）、Rive（.riv）、PAG	❌ 不支持	❌ 不支持
视频格式	✅ MP4、WebM	❌ 不支持	❌ 不支持
骨骼动画	✅ Spine 2D	❌ 不支持	❌ 不支持
文件属性展示	✅ 类型 / 上传人 / 时间 / 备注	上传人 / 时间	❌ 不支持
格式转换	✅ 支持自动转换下载格式	❌ 不支持	❌ 不支持
历史版本	✅ 所有格式	❌ 图片无法覆盖更新	✅ 支持替换

Moonvy 月维支持 95% 设计场景的格式支持，涵盖图片 / 源文件 / 动画 / 视频格式。

文件管理

功能项	Moonvy 月维	蓝湖	摹客
文件管理结构	项目 → 文件夹 → 文件	文件夹 → 项目 → 文件	项目集→ 项目 → 文件
文件多视图展示	✅ 列表视图 ✅ 画板视图 ✅ 瀑布流视图 ✅ 图标视图 ✅ 多级视图	✅ 画板视图	✅ 画板视图
画板功能	✅ 连线 ✅ 便签 ✅ 锁定画板 ✅ 链接 ✅ 保存视口	✅ 连线 ✅ 便签 ✅ 锁定画板 ✅ 链接	✅ 连线 ✅ 便签 ✅ 创建形状
标签管理	✅ 支持标签归类与检索	❌ 不支持	❌ 不支持
画板背景色切换	❌ 暂不支持	✅ 支持	✅ 支持

软件体验对比

功能项	Moonvy 月维	蓝湖	摹客
更新频率	高频更新	低频维护	低频维护
缩放设置	✅ 自定义滚轮缩放方向	❌ 不支持	❌ 不支持
黑夜模式	✅ 支持	❌ 不支持	✅ 支持

Moonvy 月维体验更灵活，产品持续打磨，更新频率高。

通知平台支持

功能项	月维	蓝湖	摹客
外部平台对接	✅ 飞书 ✅ 钉钉 ✅ 企业微信 ✅ 自定义 Webhook	✅ 飞书	✅ 飞书 ✅ 钉钉 ✅ 自定义 Webhook
系统内通知	✅ 评论提醒 ✅ 成员在线状态，实时通知	✅ 评论提醒	✅ 评论提醒

Moonvy 月维支持多平台对接，适配更多企业协作场景，还可通过自定义 Webhook 实现与私有系统集成，通知更灵活、覆盖更全面。

💰 成本对比

10人团队免费权益

对比项	Moonvy 月维	蓝湖	摹客
10人免费团队	✅ 免费	✅ 免费	✅ 免费
项目数量	✅ 不限制	限制 10 个	限制 10 个
设计图数量	✅ 不限制	限制 300 张	限制 300 张
团队容量	1GB（ ≈ 1600张设计图）	隐性限制	隐性限制
容量扩展	✅ 支持扩展容量	❌ 不支持	❌ 不支持
容量管理	按需购买容量包 20GB ：¥299 / 年 2GB：¥39 / 年	不支持扩容	不支持扩容
创建多团队	最多 10 个	1 个	1 个
访客成员	50 人	30 人	2000人

20人团队（专业版）

对比项	月维	蓝湖	摹客
单人年费	¥69 / 人 / 年	团队版 ¥205 / 人 / 年企业版 ¥385 / 人 / 年	企业版￥239 / 人/年
项目数量	✅ 不限	团队版：150 个企业版：无限	✅ 不限
项目设计图数量	✅ 不限	团队版：500 张企业版：无限	✅ 不限
访客数量	✅ 100人	✅ 150人	✅ 2000人
总成本	¥ 1380 / 年	团队版：￥3772 / 年企业版：￥7084 / 年	￥4780 / 年

50人团队（企业版）

对比项	月维	蓝湖	摹客
单人年费	¥169 / 人 / 年	团队版： ¥205 / 人 / 年企业版： ¥385 / 人 / 年	企业版￥239 / 人/年
项目限制	✅ 不限	团队版：150 个企业版：不限	✅ 不限
项目设计图数量	✅ 不限	团队版：500 张企业版：无限	✅ 不限
访客数量	✅ 500人	✅ 不限	✅ 2000人
总成本	¥ 8460 / 年	团队版 ¥ 9430 / 年企业版 ¥ 17710 / 年	￥11960 / 年

💡 Moonvy 月维采用「按容量计费 + 不限项目」策略，成本结构透明，对中大型团队更友好。

总结：选择月维，让设计交付更高效

综合对比来看，月维在代码导出维度、交付自动化、文件格式支持、通知集成、成本结构等方面都具备显著优势。尤其在面对多端开发、复杂设计资产管理需求时，月维展现出更全面、更灵活的能力。

如果你的团队正在寻找一款支持现代开发模式、降低协作成本、提升交付效率的专业工具，Moonvy 月维将是你值得信赖的选择。

一文读懂 Figma 2025 价格调整，最佳购买策略

2025-03-15 00:00:00

2025 年 Figma 的价格新政策已经正式生效，这次调整对专业版（Professional）、组织版（Organization）、企业版（Enterprise）都有影响，那么这次调整对你来说意味着什么呢？本文将带你了解 Figma 2025 年价格调整的背景、调整的内容、以及最佳购买策略。

涨价

这次调整总的主旨就是：「涨价」，原本设计师最常用的 12 美元一月（年付）的专业版（Professional）现在变成了 16 美元一月（年付），涨幅达 33%。而组织版（Organization）和企业版（Enterprise）的价格也有所上涨，涨幅分别为 22% 和 20%。

之所以 Figma 会如此涨价，主要有以下几个原因：

Figma 缺乏竞争对手，在全球的 UI/UX 设计、网页设计市场，Figma 作为领军者，有垄断性的地位，其竞争对手 Sketch 持续衰落（可以从 Sketch 生态中插件数量看出，新插件越来越少，失效的旧插件越来越多），Adobe XD 被 Adobe 放弃（团队都解散了）。Photoshop 也早就放弃了这个市场（连导出 SVG 的功能在被砍掉了）。Penpot 过于粗糙，还难以与 Figma 比较。而国内的一些 Figma 竞品迟迟无法在功能和生态上追赶上 Figma，所以 Figma 在市场上的地位非常稳固，给了他肆无忌惮涨价的底气。
通胀压力，美国的通胀压力率持续扩张，Figma 作为美国公司，也受到了通胀的影响，所以也需要涨价来应对通胀。

新增的价格席位

在涨价的同时，Figma 为不同的角色划分了不同的价格席位，这样设计师、开发者、产品经理、运营等不同角色可以根据自己的需求选择不同的价格档位：

档位	价格	限制
协作席位（Collab seat）	3 美元/月	仅能使用 FigJam（白板）和 Figma Slides（演示文稿）
开发席位（Dev seat）	12 美元/月	可以使用 Dev Mode 查看标注，无法编辑
全功能席位（Full seat）	16 美元/月	可以使用全部功能

简单来说，设计师只能选择全功能席位（Full seat），如果团队中有开发者只需要看设计标注，不需要编辑，可以选择开发席位（Dev seat）。而协作席位（Collab seat）对大部分人没有用，除非只需要使用白板或演示文稿功能。

最佳购买策略

对于设计团队来说，这次涨价的幅度还是挺大的，而尽可能减少购买成本就是最佳的购买策略，如何尽可能的减少全功能席位（Full seat）的购买数量就是关键：

对于只需要查看设计标注的开发者可以选择开发席位（Dev seat），然而 Figma 即使是开发席位，价格也很高，需要 12 美元/月，所以最好可以使用第三方交付平台替代 Figma 的 Dev Mode 功能如 Moonvy 月维、Zeplin、蓝湖、摹客等。

其中最推荐的是 Moonvy 月维，相比其他产品月维有 10 人的免费额度，可以无压力的试用，更重要的是月维对 Figma 的功能支持和代码生成效果也是最好的，例如是唯一支持对自动布局和变量的第三方交付平台。在拥有功能优势的同时价格也是最低的，有着最佳的性价比。

让团队中的开发者使用 Moonvy 月维进行交付，可以最大程度的减少 Figma 的购买成本，提升工作效率。并且能够打造一个可持续性更强的设计开发协作流程，因为 Moonvy 月维还支持 Sketch、Photoshop、即时设计等工具，所以即便未来设计师切换到不同的设计工具，也不会影响到与开发者的交付流程。

Figma 最佳最佳的第三方交付平台：Moonvy 月维

这是 Figma 用户进行设计交付、查看设计标注、设计生成代码的最佳产品。

免费替代 Axure Cloud！月维 Axure 原型托管

2025-02-21 00:00:00

近期大量用户反馈，在 Axure Cloud 发布原型时遭遇「许可证验证失败」红色警告，导致项目交付受阻。经查证，这源于 Axure 官方最新政策调整：

功能对比	Axure Cloud	月维托管
基础托管	❌ 订阅付费	✔️ 永久免费
评论	❌ 订阅付费	✔️ 评论
版本管理	❌ 订阅付费	✔️ 3个历史版本
访问安全	❌ 订阅付费	✔️ 团队权限分级控制