MoreRSS

site iconmoonvy | 设计素材周刊修改

由月维公司维护的设计素材周刊,也包含其他设计类内容。
请复制 RSS 到你的阅读器,或快速订阅到 :

Inoreader Feedly Follow Feedbin Local Reader

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

设计素材周刊 158 期

2025-03-30 00:00:00

上一周先是被 谷歌 Gemini 多模态刷屏,下半场来了 GPT-4o 的王炸,整个社交圈无论中外都开始被吉卜力刷屏,火到风格已经被限制了,不过可以通过参考图的方式绕过限制机制,目前 AI 生图最大挑战依然是「可控」问题

📰 设计资讯

Figma UI2 即将下线

Figma 在 4 月 30 日,将停用之前的界面 (UI2),为 Figma 打造更加精简、功能更强大的未来。随着 Config 的即将推出,我们正在构建仅在 UI3 中提供的激动人心的新功能和体验,这是完成过渡的最佳时机。

https://www.figma.com/blog/making-the-move-to-ui3-a-guide-to-figmas-next-chapter/

Figma AI 新增「图像高清化」

新增的 AI 功能可以提升位图的分辨率,之前都是使用插件完成,可以使用 Figma 原生功能完成了。

注:目前 Figma AI 仍然在灰度内测,所以需要等 Figma 为你的账号开通 AI 权限

Figma 新增「颜色对比度和可访问性检查」

Figma 声称最近几天就会上线该功能,颜色编辑面板更强大了

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

🏆 产品推荐

Shadcn UI 现代 UI 组件库插件

Superbig studio是一个插件,旨在帮助您使用 Shadcn 更快地设计应用程序。支持搜索功能并保持组件的更新,定期添加新组件。

https://www.figma.com/community/plugin/1409374804199690996/shadcn-ui

🎊 设计素材

Figma UI3 设计源文件

Figma 官方开源了 UI3 是所有设计源文件

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

深色色系的便当设计文件

2套文件内的例子效果非常细腻,值得学习

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

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

干净简洁的移动端原型文件

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

免费商用的 3D PNG 元素素材

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

🏖 随便看看

Apple 现在网站上展示出了 Lumon Terminal Pro

https://www.apple.com/mac/lumon-terminal-pro/

设计素材周刊 157 期

2025-03-23 00:00:00

🏆 产品推荐

上周推荐的谷歌多模态 Gemini-2.0-Flash-exp 模型很强,但因为网络问题有些体验门槛,这周推荐几个接入了Gemini-2.0-Flash-exp 模型的产品,打开即用更方便使用。

1. Figma 插件:Evoker

该插件支持将自己的 Gemini-2.0-Flash-exp 的 API 填写到插件中,在 Figma 中使用多模态模型。生成之后可以很方便的插入回 Figma

https://www.figma.com/community/plugin/1483385411494564236/evoker

2. Figma 插件 AI-Style Copy

这款插件之前推荐过,插件中包含丰富的 AI 处理工具,最近作者添加了谷歌多模态 Gemini-2.0-Flash-exp 模型,在「AI图像编辑」工具中就能愉快的使用了。不需要填 API 但是有使用次数限制。使用我的邀请码:REF411VT0TT ,即可获得1天免费使用时间!,另外在公众号「Moonvy月维」,本期文章的评论区中抽一位幸运读者,赠送三个月的使用激活码。

https://www.figma.com/community/plugin/1437318459007099882/ai-style-copy

3.在线 AI 创意工具:FLORA AI

集成多种 AI 创意工具的平台,提供文本、图像和视频 AI 模型,最近也新增了 Gemini-2.0-Flash-exp 模型

https://www.florafauna.ai/

Figma 插件 Canned Style,新增拟物 Teenage.engineering 风格样式

最近上线的 OpenAI.FM 的网站 UI 致敬Teenage.engineering,这个风格一直很喜欢,复刻了一遍添加到 Figma 插件 Canned Style(风格罐头)现在,你就能在设计图中使用它们

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

在线 SVG 转 3D 开源小工具

网站支持将任意 SVG 格式的内容生成 3D 模型,支持环境、光照、背景色等选项,适合做简单的 LOGO 或者形状延展,生成内容支持以图片方式导出到本地。

https://www.vecto3d.xyz/

腾讯混元 3D 2.0 模型

从图片到模型如此简单,上传3~4个不同角度视图的图片,就能生成真3D模型

在线体验:https://huggingface.co/spaces/tencent/Hunyuan3D-2mv

模型:https://huggingface.co/tencent/Hunyuan3D-2mv

🎊 设计素材

watchOS 11 设计规范文件

Apple 的 watchOS 11 UI 规范,包含所有常用控件、设计模板、文本样式、颜色样式、材料和布局指南的组件。

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

Banhaten 线框组件库

Banhaten Wireframe Kit 是一个结构化的、多功能的线框图系统,使用 Banhaten 设计系统构建。文件中包含26个核心组件,从导航和内容布局到表单和数据表格

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

iOS 键盘,组件源文件

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

一组高清图片素材

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

3D图片模型

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

一组 3D 食物模型文件

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

Switch Button 源文件包含原型

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

🏖 随便看看

Arc 浏览器公司的新 AI 浏览器 Dia

主要功能是 AI 部分,有兴趣可以官网看看,另外在公众号「Moonvy月维」,本期文章的评论区中抽一位幸运读者,送一枚 Dia 浏览器的邀请码。

https://www.diabrowser.com/

歸藏出了一款「可视化网页样式」工具

可以帮助用户自定义和优化网页设计,如果没有特定需求一直点击「随机按钮」就行,以生成更美观的网站。工具简单好用👍

https://mp.weixin.qq.com/s/tafopd82apfEtCk2DXU0sg

设计素材周刊 156 期

2025-03-16 00:00:00

📰 设计资讯

Figma 涨价了

2025 年 Figma 的价格新政策已经正式生效,原本设计师最常用的 $12/月(年付)的专业版(Professional)现在变成了 $16/ 月(年付),涨幅达 33%

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

https://www.figma.com/pricing/

Figma 新增字符组合,转换为智能符号

特殊符号输入不用再去小键盘找了,Figma 支持将常见的字符组合自动转换为智能符号并适用于所有字体。

当你输入以下字符组合:(c)、(R)、(TM)、->、<-、vv、^^、[ ] 时,Figma 会自动将其转换为对应的智能符号:©️、®️、™️、→、←、↓、↑、▢。只要开启了 「偏好设置」> 「使用智能引号/符号」 选项,该功能就会生效。此外,这一功能也已扩展至 FigJam 和 Slides,帮助你更高效地完成设计工作。

注意符号输入顺序,如果先输入两个括号(),再插入字母 R ,自动转换不会生效。

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

🏆 产品推荐

分享你的「代码」

AI 时代下每个人都能比较轻松的完成一个网站、一个游戏的制作,但大部分情况代码只能在本地运行无法分享给其他人,将你的代码文件上传到这个网站,就能生成一个自己程序的访问地址分享出去。

https://www.yourware.so/

运动曲线生成器

Easing Wizard 是一款在线工具,可轻松生成和自定义 CSS 缓动函数。可以生成 CSS 和 Tailwind CSS 代码,支持一键复制代码使用。有不少类似功能的网站,但是 Easing Wizard 属于视觉和交互都很棒的

https://easingwizard.com/

使用 AI 生成 Figma 插件

Artifig 这款插件可以帮你完成自己的 Figma 插件,运行插件输入你想要的功能,插件会使用AI自动帮你生成包含界面并且可运行的插件,生成的插件你还可以多次修改或者复制代码变成完全独立的自己的插件使用。

https://www.figma.com/community/plugin/1434961364530492108/artifig-ai-turn-ideas-into-live-figma-plugins

截图美化工具:Postspark

可以美化截屏、手机模型、X发帖、代码分享、Github 贡献图等各种社交图片美化

https://postspark.app/home

Google AI Studio,gemini-2.0-flash-exp 的生图模型

Google 的新模型 Gemini-2.0-Flash-exp 功能相当强,可以连续生成图文混合的文章,也可以上传一张图根据命令自动修图,试用了一下比我P的效果好 ^_^

https://aistudio.google.com/prompts/new_chat

Figma 创建旋转文字插件

旋转文本,在 Figma 中有很多类似插件,比如Curve TextBendType,这款插件没有实时预览,但是选择角度和尺寸很精确,适合明确需求时使用简单便捷。

https://www.figma.com/community/plugin/1323271519735212404/convert-text-to-a-circle

风格简洁的图标库

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

🎊 设计素材

UI 界面设计灵感

网站中采集了关于图形、UI、UX 等常用组件的展示方式和设计灵感

https://www.are.na/julian-gallardo/ui-8cvvil3vf4g

Figma 光标跟随原型文件

文件中分享了6个光标跟随的原型例子,并且提供了全部的组件和设计图,可以学习作者的创作思路,或者复制文件到你的项目中,再自定义光标样式进行使用

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

网站设计模板源文件

12个优质的网站设计模板风格丰富,非常优质的设计源文件

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

黑色风格「便当区」设计案例

文件中包含8个高质量的、以黑暗为主题的便当设计。学习参考使用独特的布局提升你的设计

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

Nothing Phone 3a Mockups

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

🏖 随便看看

网页设计历史画廊

浏览旧网站图库并发现网页设计中被遗忘的趋势

https://www.webdesignmuseum.org/gallery

Moonvy月维设计素材周刊邮箱订阅

因竹白平台已正式停止运营。为了确保大家能够继续使用邮件订阅「月维设计素材周刊」,我们已经开通了Qualy平台,欢迎大家订阅!

https://quaily.com/moonvy

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

2025-03-15 00:00:00

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

涨价

Figma 价格表 2025
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 的原因

这是因为 2024 年 12 月,Axure 公司对 Axure Cloud 进行了更新。更新后 Axure Cloud 限制旧版 Axure RP 9 直接发布原型,并引入了订阅授权验证机制。这意味着 Axure Cloud 免费策略的重大调整。

受影响的版本主要是使用共享激活码的 Axure RP 9、10、11,而正版订阅授权用户则不受影响。

第三方托管替代方案

如果你只需要演示并分享原型,可以使用 Moonvy 月维来做第三方托管平台。 我们为 Axure 用户提供了一个实用的替代方案,支持「Axure 文件的托管」功能。你可以将 Axure 文件上传到月维平台,我们会确保原型的细节完整呈现,同时支持在线演示和团队协作。

▍月维托管优势

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

上传 Axure 原型

从 Axure 中导出 HTML 文件

在 Axure 文件中,点击顶部菜单【发布】→【生成HTML文件】

Publish > Generate HTML Files...
Publish > Generate HTML Files...

选择导出范围和保存位置

在「发布项目」页面进行导出前的设置

  1. 选择导出文件存储的位置,将目录选到自己建的本地文件夹
  2. 选择导出页面,全选,或者只选择部分需要的页面
  3. 点击「发布到本地」( Publish locally ) 按钮

拖拽上传到 Moonvy 月维

选择「导出文件」的父级文件夹,拖拽到月维网页中

稍等片刻上传完成后,「双击打开」或「右键菜单中打开」查看 Axure 文件内容。

左侧的目录可以显示/隐藏,或者点击顶部按钮「从新页面打开」就能获得全屏显示的 Axure 文件效果,并且保留完整的动画和交互。

分享给他人一起查看

通过右上角的「邀请」按钮,选择合适权限,复制邀请链接发送给小伙伴,对方加入团队后就能查看完整的 Axure 文件,还可以通过使用「评论功能」采集反馈。

AI 工作流生成动态新年表情

2025-01-10 00:00:00

随着今年 AI 技术的不断发展,各种创新工具层出不穷。今天,我分享一下我最近常用的 AI 工作流,用于生成个性化的新年表情包。

使用到的工具:

  • Whisk AI:Google 实验室推出的生图 AI,能将静态图转为 3D 质感模型。推荐平替工具:Figma 插件 AI-Style Copy
  • 海螺 AI:可以用来生成图生视频,推荐平替工具:可灵 AI
  • 剪映:一款视频剪辑工具。

1. 选择表情包的「主角」

首先,确定表情包的主角。我这次选用了经典动画角色「葫芦娃」中的人物进行二次创作。可以选取任何你喜欢的角色,甚至是自己设计的图像。

该图片如有侵权马上删除
该图片如有侵权马上删除

2. 使用 Whisk AI 转换图像

使用 Whisk AI 将平面图像生成具有 3D 质感的模型图。只需提供一张主角图和一张样式图,甚至可以不添加提示词。使用教程可以参考这个视频谷歌 AI Whisk

简单描述如:“中国神话故事中的蜈蚣精,手持大斧头”

3. 创建动态效果

将生成的图像上传到 海螺 AI可灵 AI,使用其“图生视频”功能生成动态效果。

例如,可以描述:“蛇精向前移动,尾巴像响尾蛇一样摆动,面带微笑,手和胳膊比个心形手势。”这样,就能将静态形象变为动态表情。

微信表情支持 5 秒的视频,默认 AI 工具生成的视频也是5秒

4. 添加文字与装饰

得到动态视频后,可以使用任何视频剪辑工具为其添加文字和装饰。我使用 剪映,通过导入视频,加入艺术字和动画效果,导出到本地。

5. 导入微信表情包

最后,将导出的动态视频上传到微信并设置为表情包。现在,你就可以通过自己制作的创意动态表情包和朋友们分享新年祝福了!

总结

整个流程融合了多个 AI 工具,从经典动画角色到个性化的二次创作动态表情,不仅高效而且富有创意。无论是节日祝福,还是日常互动,借助 AI 技术,你也能轻松制作出属于自己的表情包!