MoreRSS

site iconmoonvy | 设计素材周刊修改

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

Inoreader Feedly Follow Feedbin Local Reader

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

设计素材周刊 161 期

2025-04-20 00:00:00

📰 设计资讯

Figma 一键折叠图层功能

有图层展开时,在图层面板右上角就会出现「Collapse layers(折叠图层)」按钮,点击一键就能折叠所有图层。也可以使用 Option(Alt)+L 快捷键。 每天节省机械点击的操作,还能避免图层混乱导致的误删。

Canva Create 2025 大会

在 Canva Create 2025 大会发布从连接数据和设计,到推出强大的全新 AI 功能,包含 Visual Suite 2.0 在内的和更多AI相关新产品。

https://www.canva.com/newsroom/news/canva-create-2025/

🏆 产品推荐

通过 AI 识别物体,学习新语言

CapWords 帮助你通过身边的世界来学习新语言。只需拍下任何物体的照片,就能立刻获得翻译、发音和示例。无需死记硬背的闪卡—只需通过熟悉的事物进行真实的学习。APP 设计的很有新意,识别之后的内容展示也好看,暂时仅支持 iOS 系统
https://apps.apple.com/us/app/capwords-ai-snap-learn-langs/id6738896465

ChatUI 3.0 为设计开发者搭建「对话式交互」

ChatUI由达摩院阿里小蜜孵化的对话式界面组件,提供丰富组件和自由配置的对话界面,支持多种语言和无障碍设计。它拥有深色模式和响应式布局,适配各种屏幕尺寸。新增加的打字气泡效果,提升对话互动的趣味性。

https://chatui.io/

专属于你的 iPad 日记应用

在Whatting中,你可以根据自己的喜好,灵活组合小部件,打造专属的日记布局。

https://whatting.com/

应用程序图标生成器(Figma 插件)

导出适用于 Android、iPhone、iPad、watchOS、macOS、Flutter 和 PWA 的正确图标尺寸的应用图标。我们会持续监控规格变化并更新图标尺寸,从而节省您的移动开发工作流程时间。

https://www.figma.com/community/plugin/1430657195620772346/app-icon-generator-export-to-xcode-android-studio

🪄 AI 专区

GPT4o生图风格小全

作者整理了一份详尽的GPT-4o图像生成风格指南,涵盖了多种独特的艺术风格和应用场景。主要包括:

经典艺术风格:吉卜力动画风格、赛博朋克风格、水彩画风格、油画风格、浮世绘风格等

现代创意风格:3D Q版角色、手绘简笔画、像素艺术、Low Poly低多边形、手绘高亮信息卡片等

https://justin3go.com/posts/2025/04/11-gpt-4o-image-generation-guide

🎊 设计素材

日期选择器 UI 组件

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

渐变流体背景素材

作者使用 Midjourney 生成的渐变流体素材,在源文件中同时展示了相关提示词

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

免费的 3D 素材

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

矢量绘制的拟物小键盘

Figma 中分层的矢量拟物插画,磨砂半透明外壳和按钮质感非常好看

https://www.figma.com/community/file/1459287430820731059/work-louder-x-framer-creator-micro

一套完整的图标库

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

一组图标插画

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

63款可视化大标题合集

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

部落冲突 - UI 组件设计

该项目仅用于个人发展,没有商业目的,它被分享是为了贡献给社区,并激励其他对游戏UI设计感兴趣的人。

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

🏖 随便看看

小道消息 Figma 正在开发 Figma Sites

Figma 正在开发 Figma Sites “响应式设计,使用预建模块,添加预设交互,然后单击启动”

https://x.com/wongmjane/status/1913640426801865082

设计素材周刊 160 期

2025-04-12 00:00:00

📰 设计资讯

Figma 功能更新

新增,转到主组件快捷键
  • Mac:Control + Option + Command + K
  • Windows:Control + Alt + Shift + K
新增,跨文件的批量复制样式

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

🏆 产品推荐

开源 Flexbox 学习工具

你可以通过可视化界面实时调整各种 Flexbox 属性,立刻看到布局效果,非常适合学习和快速测试布局思路。并且支持复制布局代码

https://flexboxlabs.netlify.app/

http://github.com/prazzon/flexbox-labs

🪄 AI 专区

AI 生成 3D 模型纹理贴图

使用提示词生成纹理贴图,并且在 3D 模型中使用,并支持下载 GLB 格式文件

https://huggingface.co/spaces/VAST-AI/MV-Adapter-Text2Texture

如何使用 AI 生成 UI 提示词

这个网站中提供了AI 直接生成 UI 相关的提示词灵感和模板可以直接复制使用

https://uiprompt.art/

Midjourney V7 绘本风格样式

一款非常适合儿童书籍插图的样式词 --sref 1455106294 1956550015 2945537978

https://x.com/tisch_eins/status/1909128015092519378

GPT-4o 毛茸茸质感提示词

Prompt: Transform a simple flat vector icon of [ 物体名称 ] into a soft, 3D fluffy object. The shape is fully covered in fur, with hyperrealistic hair texture and soft shadows. The object is centered on a clean, light gray background and floats gently in space. The style is surreal, tactile, and modern, evoking a sense of comfort and playfulness. Studio lighting, high-resolution render.

https://x.com/gizakdag/status/1911075302941622512

Grok 快速生成头像各种风格

在 X 的 Grok 中,可以非常方便的根据你的头像生成不同风格的新图,很有意思

https://x.com/i/grok

🎊 设计素材

LanguageUI 设计组件库

LanguageUI 是一个开源设计系统和 UI 工具包,可让 LLM 灵活地将文本输出格式化为更丰富的图形用户界面。

  • 100 多个组件和可自定义的界面

  • 10 多个面向法学硕士 (LLM) 的对话式 UI 小部件

  • 30 多个预置界面

  • 暗黑模式版本

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

APP 设计灵感网站

网站中各类APP的视频录屏,视觉、交互,都能直观预览。

https://appmotion.design/

设计师的灵感网站

https://www.motionimo.xyz/

🏖 随便看看

优秀的个人博客

优秀的个人博客,功能成熟,列表与交互体验出色。收藏页还提供了作者精选的优质网址与资源

https://onur.dev/

设计素材周刊 159 期

2025-04-06 00:00:00

📰 设计资讯

Figma 4月新功能

  • Figma 四月欢乐日,可以在 Figma 界面里养“电子宠物”了,多人协作的时候还可以将宠物放在一起排排坐
  • 图层面板里新增「快速折叠所有图层」按钮
  • 本地变量新增「重新排序模式和集合」

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

Midjourney V7 上线了

上周用了 Gemini-2.0、用了 GPT-4o,终于 Midjourney V7 也来了,在精细度和细节质感上好了很多,但显然没有达到大家对他的预期,笑称 V7 是 V6.5

https://www.midjourney.com/

苹果 WWDC25 6月9号~13号

Apple 2025年的 WWDC 将在6月9日举办,全球开发者大会今年新的设计风格和 Vision Pro 接近,大面积采用圆角和亚克力材质

https://developer.apple.com/wwdc25/

Canned Style 插件新增玻璃质感样式

使用 Canned Style 插件,一键点击生成玻璃质感的效果

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

🏆 产品推荐

妙多 AI 生成 UI 新增自定义样式功能

国内的设计工具妙多,近期对 AI 生成 UI 的功能进行了优化,增加了自定义样式和使用参考图生成 UI,对 AI 生成 UI 有兴趣的小伙伴可以试试看

使用体验 https://www.bilibili.com/video/BV1x8ZEYEEsd/

妙多:https://motiff.cn/

Gemini 2.0 手绘生成图像小工具

使用谷歌 Gemini 2.0 API,通过鼠标绘制或者上传图片,转绘生成 3D 图像,网站提供一些3d质感的预设,同样支持提示词进行控制

https://huggingface.co/spaces/Trudy/gemini-3d-drawing

🏖 随便看看

网页设计欣赏

Anime.js 是一个轻量、强大且易用的 JavaScript 动画引擎,适用于网页上的各种动画需求。它提供了一个统一的 API,可以用来控制 HTML、CSS、SVG、JavaScript 对象等的动画效果。网站动画丝滑,赶紧试试

https://animejs.com/

复古 Mac 系统合集

网站中展示了所有年份的 Mac 系统,截止到今年收录了 68 个自 1994年~2025年 的 Mac 操作系统,并且能够体验运行这个系统,而且完全开源

https://infinitemac.org

小道消息,Figma 支持发布网页功能

有可能是内部消息,也有可能是前几天愚人节的玩笑

https://x.com/justinmfarrugia/status/1908570327979876709

Dribbble 面向设计师个人收费

Dribbble 上的设计师和客户在 Dribbble 上会面时必须通过 Dribbble 进行支付。这意味着设计师不再被允许在客户通过 Dribbble 付款之前展示或分享他们的联系信息(如电子邮件地址、电话号码、社交媒体账号)。付款后,设计师和客户可以交换联系信息。

https://x.com/PeterTarka/status/1901628886149898492

一文读懂 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 技术,你也能轻松制作出属于自己的表情包!