An image to describe post

📰 设计资讯

Figma 新增功能:查找和替换

Figma 更新日志: https://releases.figma.com/

简译:2022年10月6日,我们现在支持「查找和替换」,本地查找和替换现在可以在 Figma 和 FigJam 中使用。cmd + F (Mac) 或 Ctrl + F (Windows) 是快捷方式。

An image to describe post

来自「草帽sMao」 的使用演示

https://www.bilibili.com/video/BV1M14y1h7s9?share_source=copy_web&vd_source=dc24f4369828dbfd5b7b514f9a8627c6

An image to describe post

🏆 产品推荐

Figma 里的 Photopea 图像处理插件

Photopea 是和 Photoshop 功能类似的图像处理工具,Photopea 是在线工具,现在上线了 Figma 插件社区,也就是在 Figma 里使用到 PS 里的功能但不用多开软件就可以做到。

Photopea 支持 43 种语言其中包含「简体中文」,中文界面会使用起来更方便。

推荐人:无名的人

官网: https://www.photopea.com/

插件: https://www.figma.com/community/plugin/1150136255631008868/Photopea

An image to describe post

另外 Photopea 里还提供很多动作模板,手机样机、LOGO 延展等场景效果模板,打开 Photopea 插件生成图像,保存即可在 Figma 里展示成果。

启动插件后模板打开方式:文件 > 打开更多 > PSD 模板

An image to describe post

Visily 在线原型工具

以光速设计令人惊叹的应用程序线框,专为非设计师打造。由人工智能提供支持。

产品亮点是上传 UI 截图、手绘线框图,通过 AI 计算转换为矢量数字界面,支持导出为 PDF 格式。

https://www.visily.ai/

An image to describe post

morflax studio 在线样机

支持添加图片,样机支持调整角度、光泽、颜色、插图、背景等均可自定义,免费版导出会有 LOGO 可以导出后再 PS 一下。提供的样机也是目前常用的机型,最新的 iPhone 14、mac 也都很齐全。

https://studio.morflax.com/mini

An image to describe post

📖 值得读读

Figma 支持 CSS 颜色名称自动匹配色值

Figma 支持 CSS 里的颜色名称规范,直接在颜色框输入 CSS 色彩库中的名称,回车即可自动匹配成对应色值。

原文: https://twitter.com/figma/status/1578477105821921280?s=46&t=-7wazfm_H8V7XAl59iVWow

CSS 颜色库: https://www.w3schools.com/colors/colors_names.asp

An image to describe post

An image to describe post

Figma 功能背后的思考:查找和替换

https://www.figma.com/blog/behind-the-feature-find-and-replace/

我们第一次开始进行查找和替换时,我认为它会很简单,一个看似很小的功能可以揭示一个错综复杂的工程和设计挑战。

画布不像网页或文本文档那样从上到下流动;它有一个用户定义的结构,我们需要能够预测它,以便无论您使用哪种类型的文件,排序都是有意义的。

我们围绕部分的形状如何影响排序方向(以及许多其他细微差别)形成了启发式方法

An image to describe post

当同一视图中有多个结果时,我们会避免平移到每个结果,以尽量减少不必要的移动。然而,这也使得靠近屏幕边缘的结果更难看到。因此,我们决定在中心勾勒出一个不可见的框,并且仅当匹配超出它时才平移。

An image to describe post

🎊 设计素材

Untitled UI 70+ modals,新增模块组件

Untitled UI 是一套非常优秀的设计规范库,该文件是模块组件,包含会话类型对话框、验证、付款、多选、引导、自定义填充、日历等复杂的对话框类型,同时提供手机端和电脑端的样式适配。

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

An image to describe post

storytale 矢量插图图库

插图支持关键词搜索,提供 5种风格平涂、纹理、描边、手绘还有 3D 风格

https://storytale.io/

An image to describe post

Notion 风格矢量头像组件

用组件的方式绘制头像,可以延伸出更多的不同结果

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

An image to describe post

3D 字母素材

3D 字母气球风格素材,提供 Figma、blender、png 格式

https://inflatablealphabet.wannathis.one/

An image to describe post

Drawkit 矢量插图图库

矢量插图和图标资源每周都会有新资源,可以收藏常打开看一下新增资源。

https://www.drawkit.com/

An image to describe post

万圣节素材合集

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

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

https://js.design/resourceDetails?id=62cbf56da15dfd8650125981

An image to describe post

An image to describe post

An image to describe post

Moonvy 月维设计群 🎃 万圣节(摸鱼)活动

大家一起在线做万圣节壁纸,休息的时候来和我们一起玩吧。

来 Figma 文件一起参与

An image to describe post

🏖 随便看看

3DiM 模型的新型视图合成,从单个图像生成 3D

这是一种用于从单个图像进行 3D 新颖视图合成的扩散模型。3DiM 的核心是一个图像到图像的扩散模型——3DiM 将单个参考视图和一个相对姿势作为输入,并通过扩散生成一个新的视图。3DiM 可以根据我们的条件生成完整的 3D 一致场景采样器。

https://3d-diffusion.github.io/

An image to describe post

奥运会发布新品牌视觉系统

9月28日,国际奥委会正式发布全新的奥林匹克品牌系统,其中包括标志系统、字体规范、品牌配色、图形元素、插画等系列设计。

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

An image to describe post

An image to describe post

An image to describe post

Mr. Biscuit 个人网站

作者 Mr. Biscuit 是位非常优秀的个人开发者 「Figma Section」「Instance Utils」「Pro Layout Panel」 等实用派插件。在 Figma 社区分享了 「Ant Design 的设计组件库」 等很多组件文件。

该网站使用 Plasmic 搭建完成

https://www.mrbiscuit.design/

An image to describe post

洞穴世界游戏官网

游戏现在还不能玩,官网设计风格很特别滚动过程的动画很有意思。

https://www.caveworld.com/

An image to describe post

录屏画质压缩太多,建议打开网站预览


封面图来源: https://www.behance.net/gallery/152323089/Microsoft-Praise?tracking_source=curated_galleries_3d-art


🎁 福利区

🍭「Figma Section」,9 折购买,Figma 设计图管理插件

❤️「Pro Layout Panel」,9 折购买,Fgiam 超级自动布局,让自动布局使用更高效快捷

An image to describe post