MoreRSS

site iconmoonvy | 设计素材周刊修改

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

Inoreader Feedly Follow Feedbin Local Reader

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

设计素材周刊 163 期

2025-05-04 00:00:00

📰 设计资讯

Spline 新文件模式:Hana - 2D设计

Hana 是交互式设计的文件,支持实时协作、矢量网络创建、事件驱动交互等功能,设计内容可直接用于生产,新产品为 Spline 3D 生态中补充了 2D 的部分

https://blog.spline.design/introducing-hana

Motiff AI 2.0 上线

2.0 支持聊天来进行设计创作,支持对现有设计迭代优化,基于需求生成新模块和元素,还能将文本、图像转化为 UI 初稿;对 AI 生成 UI 感兴趣的可以来试试 Motiff AI 2.0,现在访问需要申请,官网注释 5月15日左右会陆续开放上线

https://motiff.com/ai

🏆 产品推荐

元素随机分布插件

Figma 插件,在选定的框架内随机分布元素。非常适合希望在布局中添加随机性和创意的设计师,它能让您轻松创建独特的构图

https://www.figma.com/community/plugin/801882695851711248/ovvverrrflowww

快速生成图标的白色版本

Figma 插件 Logo Light,将彩色图标转换为干净的白色版本,并带有透明背景

https://www.figma.com/community/plugin/1494106794465492222/logo-light

Figma 动态缩放字号插件

在 Figma 中选中多文本图层,支持批量对图层进行统一的字号缩放

https://www.figma.com/community/plugin/1371013694324891633/font-size-scale

🪄 AI 专区

Midjourney 在 V7 中推出了 Omni Reference 功能

新功能允许您指向一张参考图,并指示 Midjourney 将特定的角色、物体或生物添加到生成的图像中。

可以将 --oref 参数与图像链接一起使用,并使用--ow(全权重)调整其影响,使用文本提示来引导整体场景和任何修改。它与其他 V7 功能协同工作。

https://updates.midjourney.com/omni-reference-oref/

🎊 设计素材

金融类图标库

https://www.figma.com/community/file/1500835257653782603/finpack-560-fintech-line-icons

科技感的矢量插图

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

在 Figma 中创建漂亮的渐变教程

两个圆弧+图层不透明度来创建好看的渐变背景
两个圆弧+图层不透明度来创建好看的渐变背景

🏖 随便看看

Figma AI 生图技巧

上周 Figma AI 上线支持了 GPT 多模态生图模型,有些使用技巧在视频中分享给大家

https://www.bilibili.com/video/BV1kFL6zzEFb/

奇瑞招聘信息

Base 安徽省芜湖市,下半年要搬到江北新园区,JD 在图中小程序

设计素材周刊 162 期

2025-04-27 00:00:00

📰 设计资讯

Figma AI 支持 GPT 生图模型

上周 Figma 推出了AI 功能的“编辑图片”功能,用户可以使用由 GPT-image-1 提供支持的提示来更改图片。可以更改背景、生成对象等。该功能在 Beta 测试阶段免费,但正式发布后将改为付费功能。

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

Adobe 发布了AI 图片生成模型 Firefly Image Model 4

Adobe 最近发布了旗下的 AI 图片生成模型 Firefly Image Model 4 ,看起来在生成设计素材方面有其优势,并且最新的 Firefly 不仅支持 Adobe 自家的图片生成模式,还支持 FLUX、Google Image3 这样的第三方模型

https://www.creativebloq.com/design/design-software/what-are-adobes-firefly-image-model-4-and-4-ultra

🏆 产品推荐

代码中提取颜色插件

从任何文本或代码中提取颜色的插件,只需粘贴任何代码或文本(从代码片段到完整的网站代码),插件中会显示代码中包含的色值。插件中还包含快捷创建组件/变体等功能

https://www.figma.com/community/plugin/1352239985929481996/color-extractly-extract-colors-from-any-text-or-code

Figma 符号插件

各种表情符号、字符、品牌logo、鼠标指针,在插件中都有,如果需要符号插件,就保持他就可以了。

https://www.figma.com/community/plugin/1483440894474007154/symbl-your-ultimate-symbol-library

🪄 AI 专区

3D 模型提示词

X中很多人使用这套提示词生成了很有质感的图标模型,生成结果非常适合设计师使用。

https://gist.github.com/dlogvin/874f706030c7caa832b4cf896e01d6ee

下面这套图标的作者:https://x.com/nurpraditya/status/1915752636739105205

Ghiblio 吉卜力风格图像生成平台

Ghiblio基于ChatGPT-4o模型,打造了零门槛的吉卜力风格图像生成平台。只需输入文字提示,生成宫崎骏画风的插画;也能将普通照片转化成吉卜力风格图。官方提示词和关键词都被禁用了,第三方平台里可以玩

https://ghiblio.art/

AI 驱动的图片 Markdown 生成器

藏师傅的小工具,让你随心所欲往自己生成的网页添加图片! 上传图片点确定,然后复制 Markdown 链接就行

https://k0irw7xr7h.app.yourware.so/

https://x.com/op7418/status/1915692711958765635

即梦3.0模型

AI 生成中文效果还是得咱中国的大模型,即梦3.0模型对中文字、中文海报效果非常棒,每天还赠送免费积分

https://jimeng.jianying.com/ai-tool/home

🎊 设计素材

Relume Figma 组件库

Relume Figma 套件包含 1,000 多个组件,并支持多种移动版本和颜色变量。Relume 团队每月都会更新该组件库

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

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

状态类插画库

都是应用中常用到的状态插画,实用性很高,现在AI绘图能帮我们做很多事情,但目前看最基础的这种描边插画AI还是不能完成的很好,随时存储管理素材,需要的时候更方便。

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

15 种怪异造型字体(英文)合集

这个合集收集了不少英文的怪异字体:设计大胆、怪异和另类的字体,非常适合敢于与众不同的设计。

https://designshack.net/articles/inspiration/best-freaky-fonts/

拟物质感图标

作者在文件中分享了每一步绘制的步骤和过程,有兴趣可以学习参考一下

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

🏖 随便看看

从苹果计算器应用的历史,洞察拟物化设计与抽象之间的演变

这篇文章从历史发掘各代苹果计算器应用设计,介绍了在时代发展的进程中拟物化与抽象化的历程,值得一看

https://uxdesign.cc/on-apples-calculator-apps-e7ed1f423409

设计素材周刊 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

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