设计素材周刊 084 期

设计素材周刊 084 期

来自「Moonvy 月维」分享的最新设计素材与资源
设计素材周刊 134 期
设计素材周刊 133 期
设计素材周刊 132 期
设计素材周刊 131 期
设计素材周刊 130 期
设计素材周刊 129 期
设计素材周刊 128 期
设计素材周刊 127 期
设计素材周刊 126 期
设计素材周刊 125 期
设计素材周刊 124 期
设计素材周刊 123 期
设计素材周刊 122 期
设计素材周刊 121 期
设计素材周刊 120 期
设计素材周刊 119 期
设计素材周刊 118 期
设计素材周刊 117 期
设计素材周刊 116 期
设计素材周刊 115 期
设计素材周刊 114 期
设计素材周刊 113 期
设计素材周刊 112 期
设计素材周刊 111 期
设计素材周刊 110 期
设计素材周刊 109 期
设计素材周刊 108 期
设计素材周刊 107 期
设计素材周刊 106 期
设计素材周刊 105 期
设计素材周刊 104 期
设计素材周刊 103 期
设计素材周刊 102 期
设计素材周刊 101 期
设计素材周刊 100 期
设计素材周刊 099 期
设计素材周刊 098 期
设计素材周刊 097 期
设计素材周刊 096 期
设计素材周刊 095 期
设计素材周刊 094 期
设计素材周刊 093 期
设计素材周刊 092 期
设计素材周刊 091 期
设计素材周刊 090 期
设计素材周刊 089 期
设计素材周刊 088 期
设计素材周刊 087 期
设计素材周刊 086 期
设计素材周刊 085 期
设计素材周刊 084 期
设计素材周刊 083 期
设计素材周刊 082 期
设计素材周刊 081 期
设计素材周刊 080 期
设计素材周刊 079 期
设计素材周刊 078 期
设计素材周刊 077 期
设计素材周刊 076 期
设计素材周刊 075 期
设计素材周刊 074 期
设计素材周刊 073 期
设计素材周刊 072 期
设计素材周刊 071 期
设计素材周刊 070 期
设计素材周刊 069 期
设计素材周刊 068 期
设计素材周刊 067 期
设计素材周刊 066 期
设计素材周刊 065 期
设计素材周刊 064 期
设计素材周刊 063 期
设计素材周刊 062 期
设计素材周刊 061 期
设计素材周刊 060 期
设计素材周刊 059 期
设计素材周刊 058 期
设计素材周刊 057 期
设计素材周刊 056 期
设计素材周刊 055 期
设计素材周刊 054 期
设计素材周刊 053 期
设计素材周刊 052 期
设计素材周刊 051 期
设计素材周刊 050 期
设计素材周刊 049 期
设计素材周刊 048 期
设计素材周刊 047 期
设计素材周刊 046 期
设计素材周刊 045 期
设计素材周刊 044 期
设计素材周刊 043 期
设计素材周刊 042 期
设计素材周刊 041 期
设计素材周刊 040 期
设计素材周刊 039 期
设计素材周刊 038 期
设计素材周刊 037 期
设计素材周刊 036 期
设计素材周刊 035 期
设计素材周刊 034 期
设计素材周刊 033 期
设计素材周刊 032 期
设计素材周刊 031 期
设计素材周刊 030 期
设计素材周刊 029 期
设计素材周刊 028 期
设计素材周刊 027 期
设计素材周刊 026 期
设计素材周刊 025 期
设计素材周刊 024 期
设计素材周刊 023 期
设计素材周刊 022 期
设计素材周刊 021 期
设计素材周刊 020 期
设计素材周刊 019 期
设计素材周刊 018 期
设计素材周刊 017 期
设计素材周刊 016 期
设计素材周刊 015 期
设计素材周刊 014 期
设计素材周刊 013 期
设计素材周刊 012 期
设计素材周刊 011 期
设计素材周刊 010 期
设计素材周刊 009 期
设计素材周刊 008 期
设计素材周刊 007 期
设计素材周刊 006 期
设计素材周刊 005 期
设计素材周刊 004 期
设计素材周刊 003 期
设计素材周刊 002 期
设计素材周刊 001 期

📰 设计资讯

Figma 近期更新

  • 新增图层混合模式「Plus darker」和「Plus lighter」适合半透明叠加效果时使用。
  • 颜色选择器中 RGB、HSL、HSB 模式可以按住 alt 键左右滑动调整每个色值数字。
  • 颜色选择器中输入16进制色值时,颜色和不透明度是分开的,现在可以粘贴包含不透明度的数值了。
  • 文本轮廓化之后,原来所有形状节点在一个图层,现在会按每个文字分开图层。
  • 新增了 iPhone 15 的尺寸预设和原型预览的边框。

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

演示:https://www.figma.com/community/file/1279187003114503131

Webflow 品牌升级

新徽标是网络本身核心构建块(HTML、CSS 和 JavaScript)的视觉表示。它象征着将开发超能力交给每个使用 Webflow 的人。

同时还有一系列功能的更新,通过插件可以将 Figma 中的组件和变量导入 Webflow 中使用,支持导入可交互的 Spline 到 Webflow 中。更多可以查看更新详情

https://webflow.com/

https://twitter.com/webflow/status/1710000955062960589

月维设计周刊新增「搜索」

周刊更新到 84期,沉淀了很多高质量素材、插件和工具,近期我们的网页博客上线了「搜索」可以通过关键词查找往期内容。

🏆 产品推荐

人工智能生成表情符号工具:AI Emojis

输入你的想法就能生成一个新的表情符号,还可以看到其他人生成的内容,支持下载 768 × 768 的 PNG 格式。

https://emojis.alexandru.so/

其他同类工具

Figma 位图转矢量插件:Trace Images

在 Figma 中运行插件,将 JPEG、PNG 格式转成矢量路径图像。

https://www.figma.com/community/plugin/1291512177354533481/trace-images

Figma 免费好用的倾斜插件

“倾斜”是 Figma 设计过程中经常会用到的操作,这两个倾斜插件都能简单直观的做到倾斜元素。

Figma 预设 Page 名称插件:Flash Setup PRO

在一些分享文件中会看到 Page 的分割线、分类、个性化等内容可以通过该插件提前进行预设,需要时候可以快捷插入 Page 名称。

https://www.figma.com/community/plugin/1287255221066645137/flash-setup-pro

🎊 设计素材

免费商用字体库

这是一个 Figma 文件,文件中收录了面向国内使用的免费商用字体库,每一个字体都经过严格筛选,提供官网下载地址,最大程度上避免侵权风险并做到可追溯可验证。该文件还在持续迭代并且有清晰的更新记录。

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

可爱描线风格的免费图标库

该图标库免费 500 个图标绘制风格很可爱也很有辨识度。

https://www.figma.com/community/file/1292641798005566794/flex-icon-set-community

用户体验流程样式文件

一套很漂亮的交互样式,可以用来做交互包装或者作品集包装素材。

https://www.figma.com/community/file/1237682663405406018/simple-ux-flow

Figma 键盘快捷键贴纸

Figma 键盘快捷键贴纸,这些可以定制或者打印键盘贴纸加速你使用 Figma 。

https://www.figma.com/community/file/1195232637492067670/figma-keyboard-shortcut-stickers

🏖 随便看看

Arc 浏览器新增「Max」

Max 的功能

  • AI 助手:在任意网页上打开提出问题,Max 会在几秒钟内为回答。
  • 鼠标悬停预览:在任意链接上,按 Shift 预览网页摘要。
  • 标签自动重命名:更整齐,更短的标题。
  • 下载文件内容自动命名。
  • 命令栏预置 ChatGPT。

https://arc.net/

在 Mac 上显示你的 iPhone

使用数据线链接电脑和手机,就能将手机内容实时投射在电脑屏幕,方便截图或者录制。可以免费试用30天。

https://getbezel.app/

有意思的 emoji 混合小工具:emojimix

随机或者指定 emoji 生成一个新的表情符号,还提供排行榜,看到有意思的混合结果可以复制和分享。

https://tikolu.net/emojimix/

在 Apple Watch 上录制

如果你是 Apple Watch 的用户,可以试试这款工具,一键快捷录制你的想法,使用GPT进行自动整理成文本。

https://whispermemos.com/

创意网站欣赏

网站中元素都可以拖拽还有触发动画,使用 Framer 进行制作。

https://groovystickers.framer.website/

更多类似网站推荐 https://www.curated.design/articles/groovy-stickers