设计灵感周刊整理

设计周刊

整理自 Moonvy《设计素材周刊》(100–219 期),按功能分类排列,去重后共 445 条。

开源 AI 原生设计编辑器:OpenPencil

开源 AI 原生设计编辑器:OpenPencil

OpenPencil 是一款开源的 AI 原生设计编辑器,它把设计文件当作可读、可查询、可修改的节点树,而不只是一个只能在特定软件里打开的画布。项目支持导入 Figma .fig 文件,并提供桌面端、网页端、CLI、MCP Server 和 Vue SDK。 它的有趣之处在于:设计师可以在画布上编辑,脚本可以批量修改 Token,AI Agent 也可以通过

组件与开发 第 219 期
面向真实产品的组件库:UIAble

面向真实产品的组件库:UIAble

UIAble 是一套基于 shadcn 和 Base UI 的 React 组件系统,最近发布了新版本。它不只提供单个 Button、Input、Switch 这类基础组件,还把表单、消息、文件上传、交易、数据卡片等常见应用界面整理成可以直接参考和组合的结构。 项目强调开源、可访问性、完整代码所有权和 AI 友好,组件可以复制到自己的项目中继续修改,不需要被

组件与开发 第 219 期
让产品拥有声音语言:UISFX

让产品拥有声音语言:UISFX

UISFX 是一个专门为产品界面准备的开源声音效果库。它把常见的 UI 状态拆成 78 个语义化提示音,再为每个状态提供 12 种不同的声音感觉:Minimal、Soft、Glass、Arcade、Mechanical、Organic、Dreamy、Sci-fi、Rubber、Cinematic、Studio 和 Zen。 目前库里共有 936 种声音,包括

组件与开发 第 219 期
面向 Agentic Interface 的 React 设计系统:BoardUI

面向 Agentic Interface 的 React 设计系统:BoardUI

BoardUI 是一套为 Agentic Interface 准备的 React + Tailwind CSS 设计系统。它不只是把 Button、Input 这样的基础组件放在一起,而是把后台和 AI 产品里真正会用到的界面整理成可直接参考和安装的模块:数据表格、图表、日历、会议安排、Agent 进度、Prompt Composer、图片生成加载器、侧边栏

组件与开发 第 219 期
把产品 IP 变成 Logo:IP as Logo

把产品 IP 变成 Logo:IP as Logo

IP as Logo 是一个把产品吉祥物设计规则写成 Agent Skill 的开源项目。它的目标不是生成一张复杂的角色插画,而是把一个产品主题压缩成在小尺寸下依然清楚、可爱、容易记住的品牌符号;如果放在产品仓库里,它还可以先读取 README、页面文案和设计 Token,再根据产品语境提出方向。 这套 Skill 对视觉约束写得很具体:主体通常由 4–7

组件与开发 第 219 期
将 Figma 图层转换为透视效果的插件

将 Figma 图层转换为透视效果的插件

这是一个专门为 Figma 制作透视效果的插件,可以将向量、文字、群组和 Frame 放入自定义的透视空间中。除了常规的透视变形,它还支持创建透视网格、球体、Logo 和各种 Mockup,适合用来制作具有空间感的界面展示、品牌图形和产品视觉。 作者表示这是因为没有找到合适的工具才自己开发的,目前可以在 Figma Community 免费使用。 原帖与演示

Figma 第 219 期
将 CSS 样式直接粘贴到 Figma:C马-css样式粘贴到figma

将 CSS 样式直接粘贴到 Figma:C马-css样式粘贴到figma

这是一个可以把网页上复制的 CSS 样式直接粘贴到 Figma 的小插件,帮助你快速还原网页中的颜色、字体、间距和其他视觉样式。对于需要参考现有网页、整理设计规范或把前端样式带回设计稿的场景,可以减少手动设置属性的时间。 Figma 社区插件:https://www.figma.com/community/plugin/1671481846182486959

Figma 第 219 期
网页代码修改器:页改改

网页代码修改器:页改改

页改改是一款可以为任意网页注入自定义 CSS 样式和 JavaScript 脚本的 Chrome 插件。CSS 与 JS 可以分别管理、互不干扰,并支持按网址或正则表达式设置匹配规则,让修改只应用到指定的网站或页面。 插件提供内置代码编辑器和实时预览,编辑后的改动会立即呈现在目标网页上;还带有 CSS 语法检查,适合用来调整网页样式、测试前端效果,或打造更符

组件与开发 第 219 期
高完成度交互实验库:Aceternity UI Labs

高完成度交互实验库:Aceternity UI Labs

AI 可以很快写出一个页面,但很难凭空写出这种细腻的交互。Aceternity UI 的 Labs 收集了一批完成度很高的交互实验,每个案例都可以现场试玩,并查看和修改对应代码。 这里的案例不只是换个颜色或加一个 hover,而是把交互拆成了可以研究的具体问题:SVG Path Morphing 让播放按钮在暂停和播放之间平滑变形,Fey Cards 会在

组件与开发 第 219 期
液态 WebGL 作品集轮播:Viscose Carousel

液态 WebGL 作品集轮播:Viscose Carousel

Viscose Carousel 是一个很值得拆开研究的作品集轮播实验。它没有把项目卡片放在普通的网格或横向滑块里,而是让卡片沿着一个大部分位于屏幕外的环运动:卡片靠近时会融合成一团,分开时又会拉出细细的“丝线”,整个效果由一个全屏 fragment shader 统一绘制。 交互也做得很完整:可以滚动、拖拽或滑动来转动环形轨道,松手后会带着惯性停在最近的卡

作品集 第 219 期
用 Imagine 2.0 制作 3D 霓虹 Logo:具体提示词

用 Imagine 2.0 制作 3D 霓虹 Logo:具体提示词

上传一张 Logo 后,可以用下面这段提示词把它转成更有实体感的 3D 霓虹灯招牌。重点不是简单给 Logo 加一层发光滤镜,而是要求模型把平面图形重新理解成真实的灯管装置:保留原始识别度,同时补足灯管厚度、弯折、接缝、安装结构和光线反射。 原帖:https://x.com/doganuraldesign/status/2088750386605916429

设计资源 第 219 期
把设计检查交给 Agent:Checklist Design

把设计检查交给 Agent:Checklist Design

Checklist Design 是一个面向 UI、UX 和 Web 产品的实践清单库,按照网站页面、组件、用户流程、通用体验和品牌素材来整理。你可以针对正在做的页面或流程,选择对应的清单逐项检查,也可以直接复制给代理人,让它结合自己的界面截图和代码逐条审查。 它覆盖的范围很适合用来补齐 AI 生成页面容易遗漏的部分:按钮、表单、弹窗、导航、加载、空状态、错

组件与开发 第 219 期
每日精选设计、网站与工具:Recent Design

每日精选设计、网站与工具:Recent Design

Recent Design 是一个每天更新的设计灵感与资源精选站,收录优秀的设计作品、网站、OG 图片、App 截图和应用图标,也整理了实用工具、设计技能与相关职位。网站提供 Design、Websites、App Screenshots、App Icons 等分类,适合在寻找视觉参考、做竞品分析或探索新工具时快速浏览。 官网:https://recent.

效率工具 第 219 期
与 AI Agent 一起设计的专业设计工具:Brilliant

与 AI Agent 一起设计的专业设计工具:Brilliant

Brilliant 是一款面向 AI 时代的专业矢量设计工具,可以让设计师与 AI Agent 直接在同一块画布上协作。它既支持内置 AI 对话,也能通过 MCP 连接 Claude Code、Cursor、Codex 和 GitHub Copilot 等工具,让 Agent 创建或修改设计,而生成的结果仍是可以手动编辑的原生矢量图层。Brilliant 还

AI 工具 第 218 期
复古孔版印刷风照片加工 App:tone

复古孔版印刷风照片加工 App:tone

tone 是一款能将照片快速转换为复古孔版印刷效果的 iOS 应用。导入照片后,它会利用半色调网点、颗粒、油墨叠印与纸张纹理,生成类似双色海报或 ZINE 的印刷质感。应用支持 1~3 色叠印,可分别调整网点大小、角度与油墨浓度,还能自定义纸张、留白、画幅比例和圆角;喜欢的效果可以保存为预设,最终以 PNG 格式导出。应用可免费下载,部分油墨颜色、预设保存与

设计资源 第 218 期
设计规范提取器:DesignMD

设计规范提取器:DesignMD

在 Vibe Coding 时代,使用 AI 辅助设计网页时,最怕的就是各个页面风格不统一。DesignMD 就是为了解决这一痛点而生的工具。它可以直接分析你指定的精美网站,将其色彩系统、字体层次、间距规范以及圆角阴影等核心设计特征提取出来,生成一份标准的 DESIGN.md 规范文件。将这份文件直接放入项目根目录,AI 编码助手(如 Claude、Curs

AI 工具 第 217 期
Figma 矢量网格弯曲形变插件:Warp It

Figma 矢量网格弯曲形变插件:Warp It

在 Figma 中实现类似 Illustrator 的网格变形(Mesh Warp)或自由变换效果,Warp It 绝对是不容错过的利器。它允许你直接对 Figma 中的矢量图形甚至文字进行扭曲、弯曲和形变操作。你只需通过拖动网格上的控制点或调节滑块,就能轻松制作出波浪形文字、透视效果的插画以及各种极具张力的创意视觉。需要注意的是,对文本进行变形后,它会将其

Figma 第 217 期
Figma 粒子模版插件 Particle Factory

Figma 粒子模版插件 Particle Factory

这是一款非常适合“懒人”的 Figma 粒子特效插件。它内置了 65 个现成模板,点选即可在画布中生成动画效果。模板类型非常丰富,包括彩纸类(Confetti、金色彩纸)、闪光类(Gold Glitter Fall、Sparkles)、氛围类(雪景球、星空、樱花飘落)、以及可以套用自己素材的 Logo 组装和图片消解等炫技动效。每个模板都能继续微调重力、颜色

Figma 第 216 期
Figma 表格编辑插件:CoyTable

Figma 表格编辑插件:CoyTable

一款 Figma 表格生成与编辑插件。它支持实时预览、嵌入编辑、拖拽排序等功能,极大改善了在 Figma 中制作和维护表格的痛苦体验。它提供 8 种预设主题色块和 12 套常用数据模板(如商品清单、Bug 追踪等),支持导入 Excel 文件或从剪贴板一键粘贴,并且能够一键生成至画布,或者选中已有表格载入回传编辑 https://www.figma.com/

Figma 第 216 期
灵感网站推荐:让 AI 也能拥有「设计感」

灵感网站推荐:让 AI 也能拥有「设计感」

现在越来越多 AI 编程工具都支持 DESIGN.md,它可以把一个网站的视觉设计(颜色、字体、间距、组件规范等)整理成 AI 可读的设计文档,让生成的界面不再是千篇一律的「AI 风」。这一概念最初由 Google Stitch 推广,如今已经开始形成生态。 先拿设计规范交给 AI,再生成的界面会更有设计感,也更接近真实产品,推荐两个这类的产品

AI 工具 第 216 期
设计灵感采集站:Posts.design

设计灵感采集站:Posts.design

这是一个将全网最热门的模板与设计帖子聚合在一起的网站,每日更新。它可以帮你把零散的灵感帖子集中在同一个地方,并整理得井井有条。 https://posts.design/

灵感 第 216 期
Icônes 桌面客户端:Icônes Desktop

Icônes 桌面客户端:Icônes Desktop

如果你每天频繁使用 Icônes 网站来获取图标,现在它可以作为原生的 Mac 客户端使用。该软件包含超过 200,000 个开源图标,支持在桌面直接进行搜索和导出,完全免费且开源。 GitHub 仓库:https://github.com/ensaktas1/icones-desktop X 推文:https://x.com/ensaktas/status

组件与开发 第 216 期
Codex 生图案例分享

Codex 生图案例分享

X 上看到一个 Codex 的使用案例,将 Codex 内置一个图片标注工具,这样修改标注工具里的图,Codex 就能读取数据进行重新生成,案例分享给大家 通过内嵌浏览器 + Codex Image 2 + 无限画布(Excalidraw / tldraw),构建一个多模态画布系统,让 Codex 直接读取画布的 Base64 标注图,实现“看图理解 + 生

灵感 第 215 期
优秀应用界面库 ②

优秀应用界面库 ②

App Store 截图库包含,350万+ 截图 、40万+ 应用,永久免费 https://screenshotsclub.xyz/

效率工具 第 215 期
设计灵感网站 ②

设计灵感网站 ②

umanmade 是一个由真人创作的数字作品精选目录,收录优秀的设计灵感和交互案例 https://www.umanmade.com/

灵感 第 215 期
Figma UI 模板库

Figma UI 模板库

免费的、随时可用的 Figma UI 块库。 复制任意组件,将其粘贴到你的文件中,即可立即开始构建。 非常适合着陆页、布局和 UI 部分。 https://blocks.lander.studio/

组件与开发 第 215 期
Figma 设计规范检查功能

Figma 设计规范检查功能

检查设计功能会将您的设计与设计系统进行比较,标记出偏差之处,并一键提供正确的修复建议。在工作过程中随时发现偏差,在交付前运行质量保证流程,并确保每个文件都与您的设计系统保持一致: → 变量和样式建议标记硬编码的颜色、文本、半径和间距值,并将其替换为正确的设计系统标记。 → 辅助功能建议会标记颜色对比度规范,并将其替换为符合 WCAG 2.0 AA 或 AAA

Figma 第 214 期
个人主页网站设计

个人主页网站设计

网站头部设计很有意思,像打印机又很有质感,现在有 AI 加持网站的设计到上线比之前简单不少,有空的时候都可以试试看,对之后找工作也会有帮助。 https://nooc.me/zh

AI 工具 第 214 期
AI 工程做自己的视觉系统

AI 工程做自己的视觉系统

有了 AI 辅助之后甚至已经不需要产品上线才能用上,分享这个例子,只需要一个概率和样例通过几轮对话就能生成自己的工具,这个案例有需要的可以复刻一下 https://x.com/mochitaro_de/status/2066330465934659795

AI 工具 第 214 期
组件音效库

组件音效库

为你的网站赋予声音,让他会说话。仅使用一个属性,为 shadcn/ui 提供语义音频反馈。17 个语义角色,24个组件,每个组件都监听该属性,即时反馈体验极佳。 https://www.sensory-ui.com/#showcase

组件与开发 第 213 期
Github 开源 Mermaid 库

Github 开源 Mermaid 库

适合做流程图 发给你的 AI 让它来运用就好了,官方给了 84 个经典案例 画流程、架构、循环啥都行 Github:https://github.com/lukilabs/beautiful-mermaid 预览:https://agents.craft.do/mermaid

组件与开发 第 212 期
SVG 矢量形状集合

SVG 矢量形状集合

精美的抽象 SVG 形状,只需一键即可立即复制代码。 完美适合想要让界面更动态、更具视觉丰富度的设计师和开发者 https://spectrums.framer.website/

组件与开发 第 212 期
UI 设计灵感网站

UI 设计灵感网站

每日用户界面灵感,由设计团队精心挑选 https://collectui.com/

灵感 第 211 期
Visual Poetry 是一个基于浏览器的生成式艺术工具

Visual Poetry 是一个基于浏览器的生成式艺术工具

用户粘贴诗歌并上传图片后,系统会让文字沿着图像的轮廓、明暗或区域分布排列,把文本转化成可导出的视觉艺术作品。 https://visualpoetry.kiira.in/

AI 工具 第 211 期
免费在线提示词库 MeiGen

免费在线提示词库 MeiGen

汇集了GPT Image 2、Nano Banana 2、Seedance 2.0、Veo 3.1和Midjourney 的所有比较热门提示词。 https://www.meigen.ai/invite/M3RUXWRD https://github.com/jau123/MeiGen-AI-Design-MCP

Midjourney 第 211 期
AI 记录型 APP

AI 记录型 APP

AI卡路里与实时功能,实时照片食物记录与 AI 扫描 https://apps.apple.com/us/app/littlebite-ai-calorie-live/id6761377025

AI 工具 第 211 期
AI 驱动的小世界构建项目

AI 驱动的小世界构建项目

这是一个帮助用户快速生成世界观、场景、角色或故事雏形的工具。你只要提供一点想法,它就能帮你把一个小型的虚拟世界原型搭出来。可以打开网页体验他 https://tinyworld.build/ 类似的项目还有另一个:https://github.com/boona13/mykonos-island-voxels

AI 工具 第 211 期
小型 ESP32 控制面板

小型 ESP32 控制面板

这个好玩,ESP32 小屏幕放在桌面上,随时瞥一眼就知道 Claude Code 配额还剩多少,省得在终端里来回切。 https://x.com/geekbb/status/2054352171018403890 https://github.com/HermannBjorgvin/Clawdmeter

组件与开发 第 211 期
照片变海报

照片变海报

简单的工具让为照片或图片增加设计感的细节,变成具有艺术感的海报 https://brand-generator.stoyanov.works/

设计资源 第 210 期
2个特殊符号网站

2个特殊符号网站

包含多种种类的特殊字符,颜文字、中文特殊字符、数学字符、函数、天气等各种特殊符号 http://atmsps.top/apps/tsfh/tsfh.html#section-1 https://emojidb.org/starfish-emojis

效率工具 第 210 期
AI 图片提示词灵感库

AI 图片提示词灵感库

覆盖 APP、运营、海报、插画与 IP 等设计场景,每张图都配有可直接复制的 AI 提示词,让灵感随取随用,全部由 GPT-image2 完成 https://image2hub.netlify.app/

AI 工具 第 210 期
韩国的设计网站

韩国的设计网站

设计师社区可以发布设计也可以浏览器各种类型的设计灵感和案例 https://notefolio.net/

灵感 第 210 期
为 PNG 元素添加描边插件

为 PNG 元素添加描边插件

Figma 中为 PNG 元素添加符合元素轮廓的描边,非常实用并且免费 https://www.figma.com/community/plugin/1457662942651611491

Figma 第 210 期
轻量级图片处理插件

轻量级图片处理插件

Simple Image 是一款面向设计师与日常用户的轻量级图片处理插件,提供类似 PS 的核心基础功能,可以在插件内完成常见的图片编辑操作,如色彩调整、简单修复等,无需打开大型软件即可快速处理图片 https://www.figma.com/community/plugin/1615558697625316087/simple-image?q_id=22f

效率工具 第 210 期
UI 设计系统免费文件

UI 设计系统免费文件

NexUI 设计系统 v1.0 正处于积极开发阶段。组件、设计令牌(Tokens)及相关文档均在定期更新中。 目前包含、485 个组件、 65 个页面、168 个变量(涵盖颜色、间距、圆角、排版)、5 种模式(含深色与浅色模式),以及专为 React、Tailwind CSS 及 TypeScript 工作流打造,支持自动布局(Auto Layout)

组件与开发 第 210 期
背景图案素材

背景图案素材

Toggle UI 的配套资源库——包含网格图案、点阵列、栅格瓦片、叠加蒙版、背景叠加层以及矢量源文件。所有图案均为矢量格式,完全可编辑,并旨在与 Toggle UI 的主题及模式系统实现无缝协同。免费使用。 https://www.figma.com/community/file/1634670417196145369

设计资源 第 210 期
Vaadin 设计系统免费文件

Vaadin 设计系统免费文件

专为 Vaadin 设计系统(采用 Aura 主题)打造的 Figma 资源库。该资源库适用于 Vaadin Web 组件及 Vaadin 框架,助力开发者利用纯 Java 语言构建精致的 Web 应用程序。库中组件均包括自动布局、属性、变体及插槽等。该 Figma 文件力求尽可能精准地还原 Vaadin Web 组件的实际效果。 https://www.f

组件与开发 第 210 期
漂亮的工业设计产品网站

漂亮的工业设计产品网站

一个漫步于以工艺和关怀打造的产品之间的场所 https://roam.neesh.page/ https://www.curated.supply/

效率工具 第 210 期
哪个设计更好?

哪个设计更好?

我们目前每天都在接触 AI 工具,AI 工具常用的对话框设计哪种附件的展示方式更喜欢,可以评论区聊聊你的看法 https://x.com/_heyrico/status/2053158331905450090

AI 工具 第 210 期
设计灵感网站

设计灵感网站

采集 X 平台中是设计、创意,集中在一起浏览,并且保持高频率更新 https://bestdesignsonx.com/

灵感 第 209 期
Web 应用过渡效果合集

Web 应用过渡效果合集

作者收集了 Web 应用程序最基本的过渡效果,你可以直接复制粘贴到任何项目中使用 https://transitions.dev/

组件与开发 第 209 期
Liaison - AI 编程定位、网页样式编辑与批注

Liaison - AI 编程定位、网页样式编辑与批注

在任意网页上实现类似 Figma 的设计体验,调整元素样式、添加评论,并导出结构化 Prompt 给 AI 开发与协作。 Liaison 是一款面向设计师、产品经理、前端工程师和高频 AI 用户的浏览器插件。它让你可以直接在真实网页上完成样式调整、界面批注和实现反馈,不再依赖截图标注、文档补充和反复描述。你可以像在设计工具里一样选中页面元素,修改尺寸、间距、

AI 工具 第 208 期
免费开源的录屏工具

免费开源的录屏工具

最贵缩放录屏软件 Screen Studio,核心功能被 Recordly 复刻,完全免费开源! 同时支持Mac/Windows/Linux。 测试了下,比Screen Studio 还轻便顺滑 https://recordly.dev/ https://github.com/webadderall/Recordly

组件与开发 第 208 期
设计欣赏

设计欣赏

作者在 Figma 中1小时绘制的小组件,好玩的是发帖后有人回复了在线的地址,将组件实现为了可以使用的音乐播放器,在 AI 时代还是需要审美创造力的,可以通过链接体验 https://x.com/AdityaSur11/status/2038881480898756695 https://audio.snvshal.workers.dev/

灵感 第 208 期
文本排版开源项目

文本排版开源项目

这是一个开源的文本排版项目,提供快速且高精度的文本测量与排版算法,可实现类似报纸版面的动态图文环绕与复杂排版效果。该方法也可作为 AI 的排版能力基础,让模型在生成网页或富文本内容时,能够更灵活、更可靠地完成布局与渲染决策,从而提升自动生成页面的可读性与美观度。 https://x.com/_chenglou/status/20377137662056082

组件与开发 第 207 期
Google Maps API 免费了

Google Maps API 免费了

推出”Demo Key”——只需Google账号,秒获API密钥 无需信用卡、无需账单信息、直接写代码 这解决了困扰开发者多年的痛点:想测个地图功能,先被逼着绑卡 现在AI生成的地理空间代码可以直接跑了 对学生、独立开发者、第三世界用户来说,门槛归零 https://mapsplatform.google.com/maps-demo-key/ https:/

组件与开发 第 206 期
AI 生成潮酷插画

AI 生成潮酷插画

图片生成手绘风格的工具,产品包装做的非常好看,并且每人都能免费生成5张,这种风格非常喜欢 https://stoodio.doodles.app/ai https://x.com/doodles/status/2033954053349146792

AI 工具 第 206 期
开源 SVG Logo 资源库

开源 SVG Logo 资源库

SVGL 是一个开源 SVG Logo 资源库,收录大量常见品牌图标,支持搜索、下载,甚至直接通过 API 调用 https://svgl.app/

组件与开发 第 206 期
AI 风格样式

AI 风格样式

CannedStyle 风格罐头插件新增了一套 AI 主题的样式,打开插件创建一个矩形点击样式即可使用 https://www.figma.com/community/plugin/1392338579595619092/canned-style

AI 工具 第 206 期
3D 地球素材

3D 地球素材

可以在地球上添加标记、弧线、附加任何 HTML 元素,无限创意,可与任何框架配合使用:React、Vue、Svelte或原生 JS https://cobe.vercel.app/ 作者:https://x.com/shuding/status/2034352633381847145

设计资源 第 206 期
学习资料"完美的设计 UI 框架"

学习资料"完美的设计 UI 框架"

LiftKit 是一个开源 UI 框架,定位于“为完美主义者打造的界面工具”。它通过数学计算(特别是黄金比例)来自动优化界面间距、字体、边距、色彩等,让组件看起来更加和谐、平衡并“奇妙地舒服”。 https://www.chainlift.io/liftkit https://github.com/Chainlift/liftkit

组件与开发 第 206 期
Figma 印刷插件

Figma 印刷插件

国内团队开发的面向真实印刷流程的 Figma 插件,把 CMYK 色彩管理、ICC 配置文件转换、图片 DPI 预检、出血与边距设置、可编辑 SVG 导出 等能力整合到一个更流畅的工作体验中——帮助你在 Figma 内快速校验关键印刷要求,并更快导出交付文件。 https://www.figma.com/community/plugin/1583985202

Figma 第 205 期
设计师个人博客

设计师个人博客

里面做了很多有意思的设计交互尝试,例子中包含了详细的说明以及多图和交互演示 https://www.baothiento.com/

效率工具 第 205 期
HTML to Figma 免费版

HTML to Figma 免费版

将任意网页转成 Figma 设计文件,这期一次分享 2 个免费工具,亲测好用👍 安装插件之后,在要采集的网站,右键菜单「捕获页面到 Figma」,在 Figma 里粘贴就行了 https://www.yzycolour.top/#/extension https://wwbmr.lanzouw.com/iInYM3jw1cve 安装插件之后,在要采集的网站,

Figma 第 204 期
HTML 代码导入 Figma

HTML 代码导入 Figma

Pixlore 是基于代码驱动的 Figma 生产力插件。它支持将 HTML code 直接转化为高保真的 Figma 矢量对象,自动匹配 Figma 的自动布局、样式属性。无论是复刻线上页面,还是将AI生成的代码转化成可编辑的矢量对象,都能一键转化,让设计工作流更高效。 https://pixlore.newportai.com/despilot-serv

Figma 第 204 期
设计小工具集

设计小工具集

免费、无需登录,无需注册,裁剪类工具、颜色调色类工具、图片类工具、排版类工具,以及各种类型的计算器工具合集,非常实用 https://delphi.tools/

效率工具 第 204 期
Seater 给窗口安排专属工位

Seater 给窗口安排专属工位

Seater 是一款 macOS 桌面窗口管理工具。在桌面上创建虚拟「工位」,将应用窗口拖入即可自动吸附,让窗口管理变得直观有趣。这也是作者的第一个 VibeCode 产品 作者:https://x.com/zuozizhen/status/2030486413708603399 https://github.com/zuozizhen/Seater

效率工具 第 204 期
截图美化工具

截图美化工具

浏览器中的图片美化工具,支持截图或者网站链接,丰富的样式设置支持免费下载 https://www.screenshot-studio.com/

效率工具 第 204 期
免费开源的屏幕录制与编辑工具

免费开源的屏幕录制与编辑工具

一款集录制与剪辑于一体的屏幕录制工具,支持原生级截图与录制体验、时间线编辑、字幕生成、多比例导出与专业音频控制,覆盖从录制到发布的完整工作流。支持 macOS、Windows、Linux http://www.lelekawaii.com/CursorLens/ https://github.com/blueberrycongee/CursorLens

组件与开发 第 203 期
Tailark Pro UI 模板系统

Tailark Pro UI 模板系统

Tailark Pro 是基于 shadcn/ui 扩展的一整套 UI 模板,极简却细节满满。包含 22 个可自定义模块,以紧凑、交互式的方式组织内容,让产品功能展示更清晰、更有节奏。同时支持 Light / Dark 模式切换,拆解每个组件,你都能看到精致的间距控制、层级处理与简洁有力的设计语言。 https://pro.tailark.com/

AI 工具 第 203 期
液态玻璃 CSS 样式生成器

液态玻璃 CSS 样式生成器

免费生成带有实时预览的液态玻璃、玻璃形化和新形化 CSS 图像工具 这是个 vibe code 的小工具。现在 vibe code 越来越流行,这样的小工具越来越多了。 https://aethercss.lovable.app/

组件与开发 第 203 期
Figma 投影插件

Figma 投影插件

与生成投影类插件的区别是集成了很多预设投影效果,并且选择预设之后还能继续调整细节 https://www.figma.com/community/plugin/1572154114070473035/shadow-factory-beautiful-smooth-stacked-shadows-for-real-depth

Figma 第 202 期
Figma 矢量半调效果插件

Figma 矢量半调效果插件

Halftone Studio 可以直接在 Figma 中将任何图像转换为漂亮的矢量半色调图案 https://www.figma.com/community/plugin/1588479480084953263/halftone-studio

Figma 第 202 期
Figma Pointillism插件

Figma Pointillism插件

可将图片转换为成千上万个矢量点。你可以自由调整点的大小和密度,轻松打造理想效果,为设计带来统一而独特的风格。 https://www.figma.com/community/plugin/1230103100505452948/pointillism

Figma 第 202 期
Figma CMYK 印刷效果插件

Figma CMYK 印刷效果插件

把图片处理成模仿丝网印刷的视觉感觉,支持调节细节参数 https://www.figma.com/community/plugin/1584204863720680047/cmyk-halftone

Figma 第 202 期
自动网格布局插件

自动网格布局插件

将不均匀的内容组织成美观、平衡的网格布局——非常适合图片库、卡片布局、信息流和探索性设计工作。 只需选择图层,运行插件,即可快速获得干净的布局 https://www.figma.com/community/plugin/1595782934604266640/masonry-grid-layout

效率工具 第 201 期
2026 创意作品集封面

2026 创意作品集封面

AIGC创意作品集封面设计 https://www.figma.com/community/file/1599691880307328806

作品集 第 201 期
格式转换工具

格式转换工具

以重命名的方式进行格式的转换,Consul 会在您更改文件扩展名时自动转换文件。 例如,重命名文件IMG_0073.HEIC后,它会立即转换为 JPEG 格式——支持图像、视频、音频等多种格式。 IMG_0073.jpg https://getconsul.app/

效率工具 第 200 期
Figma 图像描边插件

Figma 图像描边插件

为图像添加描边轮廓,选择图层启动插件,调整描边宽度和颜色 点击“生成轮廓”,多次运行就是多重描边效果 https://www.figma.com/community/plugin/1586538688626105877/png-outline

Figma 第 200 期
Figma 3D 化你的设计图

Figma 3D 化你的设计图

非常有意思的插件,将设计图用 3D 堆叠的视角展示,从全新的视角探索 Figma 的图层结构! https://www.figma.com/community/plugin/1592501914078287014/figma-3d-tilt

Figma 第 200 期
批量文本填充插件

批量文本填充插件

通过内容或名称一键选中相同图层,并进行高效批量文本填充 https://www.figma.com/community/plugin/1596081741670001593/batch-text-filler

效率工具 第 200 期
2025 年度报告收集库

2025 年度报告收集库

网站收集展示 2025 年各App年度报告设计,包含 58个应用 800+张截图 https://2025app.designstroll.space/

组件与开发 第 200 期
花快图花纹花型设计工具

花快图花纹花型设计工具

上传一张图,可以像万花筒一样,选择重复规则生成新的花纹,非常有意思的工具 https://hua.kuaitu.cc/

效率工具 第 199 期
无需代码的协作式数学编辑器

无需代码的协作式数学编辑器

Corca 是一个 在线协作数学编辑工具,旨在替代传统的纸笔和笨重的 LaTeX 编辑流程,让公式输入和数学工作变得更直观、更高效。 你可以像在数学黑板上一样输入内容、实时协作,还能 将结果导出为 LaTeX 或 PDF。Corca 支持多人在线实时编辑和讨论,适合研究人员、教师、学生组成团队进行数学写作、课堂讲义或科研工作 https://corca.ap

组件与开发 第 199 期
Figma 快捷小技巧 1

Figma 快捷小技巧 1

文件 Page 如果名称是 --- 三条横杠,就会自动变成页面分割线,在分割线上鼠标右键点击,可以复制分割线、删除分割线

Figma 第 199 期
Figma 小技巧 3

Figma 小技巧 3

蒙版功能的蒙版图层,可以是布尔运算后的连集,可以不拼合,这样能保持每个图层的可编辑性

Figma 第 199 期
Figma 快捷小技巧 4

Figma 快捷小技巧 4

FigmaEX 上下文菜单中的按钮『改变旋转中心点』点击按钮后可直接拖拽并重新设置元素的旋转中心点,再次进行旋转时将以新的中心点位置为基准,也可以使用快捷键:Alt + R

Figma 第 199 期
设计工具 Paper 可以注册使用了

设计工具 Paper 可以注册使用了

这是一个国外出现的新的UI设计工具 Paper ,简单体验了一下满足日常可用,填充方式切换方式很快捷,内置部分动态素材,目前暂未看到社区与插件市场相关功能。 https://paper.design/

效率工具 第 198 期
对话气泡素材

对话气泡素材

包含基于 Auto Layout 与 Variants 构建的可扩展聊天气泡组件,适用于消息、评论以及各类对话式界面,能够轻松适配不同设计场景 https://www.figma.com/files/team/834613397167663959/resources/community/file/1590820100189543293

设计资源 第 198 期
Pixxels 设计组件库

Pixxels 设计组件库

一套以设计 Token 为核心、为稳定性与规模化而打造的强大基础体系,包含可扩展的字体体系,响应式栅格与间距规范、阴影、层级与圆角系统、200+ 矢量图标、700+ 全局样式与设计 Token 一整套可直接用于生产环境的组件库,每个组件都拥有清晰的结构、智能属性,并基于 Auto Layout 构建,适配多种场景: https://www.figma.com

组件与开发 第 198 期
Figma 2025年度使用报告

Figma 2025年度使用报告

我们团队已经 连续 3 年,都会为 Figma 做一个 年度数据总结的小工具,把 2025 年的努力「具像化」 使用报告你可以清楚地看到: https://moonvy.com/blog/post/2025/myfig/

Figma 第 197 期
AI 增强图像工具:Upscayl

AI 增强图像工具:Upscayl

Upscayl 是一款对设计师、摄影师等都很实用的 AI 图像放大工具,它以 免费、开源、易用 为主要优势 https://upscayl.org/

AI 工具 第 197 期
Mac 菜单栏应用程序

Mac 菜单栏应用程序

网站展示精心挑选的最适合您生活的菜单栏应用程序列表 https://macmenubar.app/

效率工具 第 197 期
开源免费流媒体音乐播放器

开源免费流媒体音乐播放器

Nuclear 是一个免费、开源的跨平台桌面音乐播放器,通过聚合 YouTube、SoundCloud、Jamendo 等多个免费音乐来源,提供类似 Spotify 的音乐搜索和播放体验,无需注册、无广告、无订阅,支持播放列表、本地音乐、歌词显示等功能,适合想要使用开源、自由音乐播放器的用户。 https://github.com/nukeop/nuclea

组件与开发 第 197 期
在线篆体印章生成器

在线篆体印章生成器

输入文字即可一键生成篆体印章,支持多种排版布局与杂色效果,自由调整风格,生成后可直接免费下载 PNG 图片,方便使用与分享 https://huozhi.im/lab/seal

设计资源 第 197 期
Claude Code 资源整理与搜索

Claude Code 资源整理与搜索

是一个针对 Claude Code 子代理生态的资源整理与搜索平台,方便你查找适合自己任务的 AI 子代理和服务器集成 https://www.sub-agents.directory/

设计资源 第 197 期
流光背景素材

流光背景素材

这位作者在 Figma 社区 分享了大量高质量的 流光质感背景素材。每个资源文件都附带 高清主图 + 多角度效果图,支持设计者在海报、Banner、卡片等作品中灵活应用。质感细腻、光影丰富,是提升视觉表现力的绝佳素材库。 https://www.figma.com/files/team/834613397167663959/resources/communi

设计资源 第 197 期
可拼接花纹 SVG 素材

可拼接花纹 SVG 素材

可拼接素材,每款图案都融合了对称、韵律和灵动的平衡感 https://www.figma.com/files/team/834613397167663959/resources/community/file/1577991673655607215

设计资源 第 197 期
3D 图标 PNG 素材

3D 图标 PNG 素材

包含 50 多个 3D 图标的素材,使用 C4D 创建,并在 Photoshop 中进行精细化处理 https://www.figma.com/files/team/834613397167663959/resources/community/file/1580159617625060429

设计资源 第 197 期
免费3D头像素材

免费3D头像素材

包含 100 个完全可定制的 3D 头像的精美素材包!多样化、富有表现力的角色涵盖所有人群和个性,可以作为项目中的头像资源 https://www.figma.com/files/team/834613397167663959/resources/community/file/1587102189902134264

设计资源 第 197 期
本地开源的语音转文字工具

本地开源的语音转文字工具

Handy 是一个完全 开源、跨平台(Windows / macOS / Linux)的语音转文字桌面应用,支持在本地离线运行,无需联网,不会把你的语音上传到云端,保护隐私。它利用 Whisper / Parakeet 等模型进行语音识别,可通过快捷键按住说话即可自动将语音转写并粘贴到当前文本框中,非常适合记笔记、写稿、会议记录等场景。 https://gi

效率工具 第 196 期
AmeOS 16 | 操作系统概念

AmeOS 16 | 操作系统概念

AmeOS 是一款高质量的 手机操作系统概念模板,AmeOS 16 / 16.3 采用统一的 Liquid Glass 视觉风格,全面重设计了应用图标、系统布局、锁屏、动画与键盘等核心体验,展示了一个在视觉与交互上高度一致的未来移动 OS 概念,适合用作系统设计灵感与概念参考。 https://www.figma.com/files/team/8346133

Figma 第 196 期
ArchUI 设计系统 v1.1.0

ArchUI 设计系统 v1.1.0

一个受建筑蓝图设计启发的现代 React 和 Tailwind CSS 组件库,包含可复用的组件、模板、样机或 UI 设计规范等内容 https://www.figma.com/files/team/834613397167663959/resources/community/file/1585101937198168427

组件与开发 第 196 期
Mechanical UI 组件库

Mechanical UI 组件库

适合作为项目起步模板或日常设计素材补充。通过高度可复用的组件与规范化布局,帮助设计师快速搭建设计稿、统一视觉风格,并有效提升设计效率 https://www.figma.com/files/team/834613397167663959/resources/community/file/1149606403335600352

组件与开发 第 196 期
特斯拉仪表盘 UI 组件库

特斯拉仪表盘 UI 组件库

特斯拉 Model 3 用户界面界面。 包括菜单界面、音乐栏、键盘和行程导航。 https://www.figma.com/files/team/834613397167663959/resources/community/file/1382192547846546595

组件与开发 第 196 期
AI 生成网站提示词

AI 生成网站提示词

现在可以在网站中切换查看多种网站设计风格,复制喜欢风格的提示词,将这些提示添加到任何 AI 助手,即可在几分钟内打造美观且一致的界面。 https://www.designprompts.dev/

AI 工具 第 195 期
AI 提示词填空器工具

AI 提示词填空器工具

一个让提示词更好写、更好管的工具。支持灵活编辑与集中管理,提供大量预设结构,轻松应对复杂、冗长的提示词工程。 https://promptfill.tanshilong.com/

效率工具 第 195 期
Figma 免费效果插件

Figma 免费效果插件

为图片添加多种 抖动(Dither)效果。应用效果后,插件会实时复制并更新最底部的图片图层,支持透明背景和复杂的矢量形状蒙版。仅支持 图片图层,无法直接将矢量图层转换为抖动图片效果 https://www.figma.com/community/plugin/1524044197426144935/dither-me-timbers

Figma 第 195 期
Hyvä UI V2.7 设计组件库

Hyvä UI V2.7 设计组件库

Hyvä UI 是一套与 Hyvä Theme 完全兼容的 UI 组件库,提供不断扩展的即用型组件,帮助更快速地搭建 Magento / Adobe Commerce 电商网站。包含丰富的设计组件,支持自动布局、样式、组件与变体,方便设计师快速定制并高效完成设计 https://www.figma.com/community/file/15834902514

组件与开发 第 195 期
高质量纹理素材网站

高质量纹理素材网站

高质量的样机、图案、纹理、笔触等素材资源,网站中有各种格式和各种设计素材部分支持免费下载使用 https://resourceboy.com/photoshop-brushes/

设计资源 第 195 期
人工智能品牌 SVG 标志合集

人工智能品牌 SVG 标志合集

热门人工智能/LLM模型品牌SVG标志和图标合集,支持快捷复制色值、免费下载 SVG 格式到本地 https://icons.lobehub.com/

AI 工具 第 195 期
样机资源网站

样机资源网站

网站中提供各种格式的资源和丰富的源文件以及样机等素材 https://craftwork.design/search/free

设计资源 第 195 期
Web 3D 灵感与示例库

Web 3D 灵感与示例库

这是 Three.js 的官方学习网站,用于介绍、学习和获取这个开源的 JavaScript 3D 库及相关资源 https://threejs.org/ https://threejs.org/examples/#webgl_animation_keyframes

组件与开发 第 195 期
CSS 实现辉光效果

CSS 实现辉光效果

作者通过图片偏移 + 放大 + 模糊,并结合鼠标跟随,几乎完全依赖 CSS 就实现了动态光效,仅用极少量 JS 来负责位置计算。实现思路非常巧妙,既优雅又有参考价值。 强烈建议收藏研究一下,把这个效果用到页面里,整体质感立刻提升不少 https://codepen.io/jh3y/pen/WbwZaNa/pen https://x.com/vikingmut

组件与开发 第 195 期
社交媒体模板

社交媒体模板

这套包含 60 个的社交媒体模板合集,涵盖 YouTube 缩略图、各平台封面、活动海报以及多尺寸的通用社交内容,完整覆盖常见发布场景,让你无论做视频、发动态还是办活动,都能快速套用、高效产出。 https://www.figma.com/community/file/1578854615638797955

设计资源 第 194 期
datav可视化大屏标题边框

datav可视化大屏标题边框

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

Figma 第 194 期
3D Emoji PNG 资源

3D Emoji PNG 资源

一套 100 个 3D 表情符号图标,由 C4D 制作并在 Photoshop 精细调整,适合用于万圣节主题落地页、社交媒体贴文或产品界面。 https://www.figma.com/community/file/1579889380259081255

设计资源 第 194 期
矢量小插画素材

矢量小插画素材

质量很高的矢量小插画素材,可以用来学习 Figma,自由地拆解和重组各种设计稿,随心修改文字、颜色和效果,可用于个人或商业项目。 https://www.figma.com/community/file/1522610393674027747

设计资源 第 194 期
视觉效果编辑工具

视觉效果编辑工具

使用 Efecto,你可以为图像、视频或 3D 模型实时叠加多种艺术效果,包括 ASCII、抖动、半色调等独特风格。并提供互动控制,调整颜色、背景、旋转与缩放 https://efecto.app/

效率工具 第 193 期
Nano Banana 提示词库

Nano Banana 提示词库

探索精选的 Nano Banana Prompt AI 生成的 AI 图像提示合集 https://nanobananaprompt.org/prompts/

组件与开发 第 193 期
Frame 矢量素材社区

Frame 矢量素材社区

可以在这里找到很多优质的免费和付费的各种图标、插画、花纹等矢量素材 https://www.framer.com/marketplace/vectors/

设计资源 第 193 期
矢量无缝图案素材

矢量无缝图案素材

文件中包含30个矢量的无缝平铺纹理素材,边缘与边缘可以完美接上,重复铺满后不会看到断点或缝隙 https://www.figma.com/community/file/1577927066661104856

设计资源 第 193 期
网站着陆页排版素材

网站着陆页排版素材

20个各类网站的着陆页页源文件素材 https://www.figma.com/community/file/1578259247628557763

设计资源 第 193 期
Nano Banana 3D 卡通风格微型概念店提示词

Nano Banana 3D 卡通风格微型概念店提示词

来源,宝玉@dotey 3D chibi-style miniature concept store of {Brand Name}, creatively designed with an exterior inspired by the brand's most iconic product or packaging (such as a giant {

设计资源 第 193 期
2026 年月相日历,设计源文件

2026 年月相日历,设计源文件

追踪 2026 年剩余的所有月相,非常适合观星者、计划者和享受月光时刻的人。 https://www.figma.com/community/file/1574706003462114856

Figma 第 192 期
精致的玻璃质感 UI 组件界面

精致的玻璃质感 UI 组件界面

这是作者个人的小探索,从一个微小的灵感开始,逐渐发展成一个干净的 液态玻璃风格界面。并将它作为免费资源分享给大家,如果有人想学习、改编或者用作自己项目的灵感,都可以使用。 https://www.figma.com/community/file/1574604203719296662

组件与开发 第 192 期
Edicus Commerce UI

Edicus Commerce UI

一套专为电商平台设计的现代化用户界面方案 https://www.figma.com/community/file/1575391672230751236

Figma 第 192 期
文件传输工具

文件传输工具

这是一款免费开源的文件传输工具,使用 P2P 点对点技术实现文件的直接传输,无需经过云端服务器;它提供端到端加密保护并确保用户隐私(无需个人信息),支持 Windows、Linux 和 macOS 系统,以及支持包括中文、英文等多种语言。 https://github.com/tonyantony300/alt-sendme

效率工具 第 191 期
Nuxt UI 模板

Nuxt UI 模板

这是一套官方免费推出的 Nuxt UI v4 生产级模板合集,包含落地页、文档站、作品集和仪表盘四种核心布局;这些此前属于 Pro 付费版的设计现已全面开放,完美适配 Nuxt UI v4 组件库与 Tailwind CSS v4 架构,支持全端响应、亮暗模式切换及 Figma 自动布局 https://www.figma.com/community/fil

设计资源 第 191 期
Balwin x Hyvä - 组件库

Balwin x Hyvä - 组件库

为了解决原有 Hyvä UI 库在复杂项目中的局限性,Baldwin 团队开发并免费开源了 The Baldwin x Hyvä 组件库;这是一套专为多品牌电商项目打造的生产级设计系统,采用原子设计结构以确保扩展性,并支持高级变量与模式以实现轻松的主题定制,完美弥补了原版在灵活性和功能深度上的不足。 https://www.figma.com/communi

组件与开发 第 191 期
设计师作品集

设计师作品集

网站中收录了全球很多国家 3500 多个设计师的作品集链接,并且一直在保持更新 https://raindrop.io/mamkindesigner/designer-portfolios-10167530

作品集 第 191 期
OrbiTask - 任务管理设计系统

OrbiTask - 任务管理设计系统

整套系统采用了直观、响应式的设计,并通过独特的轨道式可视化界面打破传统列表的限制,让任务优先级一目了然;同时集成了精细的权限管理与灵活的自动化工作流搭建功能 https://www.figma.com/community/file/1573395792092234125

效率工具 第 191 期
3D 毛玻璃风格图标素材

3D 毛玻璃风格图标素材

精选 3D 毛玻璃风格图标(源自金融与商业图标包的免费样张),所有图标均支持完全改色,能轻松适配各种品牌风格,非常适合用于金融科技应用、数据仪表盘及产品演示设计中。这种 PNG 改色的方法可以在文件中学习一下 https://www.figma.com/community/file/1574038608613077013

设计资源 第 191 期
蓝色可视化数据监测大屏素材

蓝色可视化数据监测大屏素材

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

设计资源 第 191 期
网站着陆页设计模板

网站着陆页设计模板

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

设计资源 第 191 期
在手机运行的 Mac系统

在手机运行的 Mac系统

基于 SwiftUI 的 Gemini 3.0 Pro 构建的 macOS 克隆版。这是一个高度精确的 MacOS 及其部分应用程序的复刻项目,完全使用 SwiftUI 构建,且代码由 Google 的 Gemini 3.0 Pro 生成。该项目专为在 iOS 设备上运行和使用而打造。 https://github.com/PallavAg/MacOS-Cl

组件与开发 第 191 期
健身类型 UI 设计文件素材

健身类型 UI 设计文件素材

包含 45+ 页面,涵盖数据面板、训练、饮食、日程、目标、会员等完整模块,适用于健身应用、教练工具或健身平台 https://www.figma.com/community/file/1570314545866418502

设计资源 第 190 期
金色电影节桂冠矢量素材

金色电影节桂冠矢量素材

适用于海报、短片展示和电影节提交。为设计师、电影制作者和学生提供可直接使用的模板参考。 https://www.figma.com/community/file/1567486879396281979

设计资源 第 190 期
音乐类应用设计概念素材

音乐类应用设计概念素材

这是一个基于 Libadwaita 和 GTK 设计的 Spotify Linux 原生应用概念稿 https://www.figma.com/community/file/1569385569671106202

效率工具 第 190 期
Kärlek 设计系统

Kärlek 设计系统

Kärlek 是为 Lovable 打造的非官方设计系统,旨在提升产品的一致性、效率和品质。系统包含设计 Token、可复用组件和设计模式,支持可扩展性与包容性。 https://www.figma.com/community/file/1570164798684271906

Figma 第 190 期
Figma 图标小部件

Figma 图标小部件

通过Figma小部件的方式插入到设计图中,随时调起图标面板,支持编辑图标的边距、大小、描边粗细等设置,并可通过英文关键词搜索图标。 https://www.figma.com/community/widget/1567784778116580111

Figma 第 189 期
Figma 思维导图小部件

Figma 思维导图小部件

在设计时创建思维导图,并且支持丰富的样式选项 https://www.figma.com/community/widget/1563085532429601427

Figma 第 189 期
Figma 快捷样式插件

Figma 快捷样式插件

插件包含渐变、笔触、布局、颜色、预置布局等功能,助你快捷创建设计界面 https://www.figma.com/community/plugin/1561328107289586595/ui-all-in-one

效率工具 第 189 期
免费可视化数据大屏素材

免费可视化数据大屏素材

包含风格的高质量数据大屏相关的组件和素材 https://www.figma.com/community/file/1567553532590576959

设计资源 第 189 期
Figma 生成视频插件

Figma 生成视频插件

将静态设计图通过AI生成视频并支持导出 https://www.figma.com/community/plugin/1369962124332320272/algo-video-automation

Figma 第 189 期
Nolow DS - Shadcn 设计系统

Nolow DS - Shadcn 设计系统

适用于 Figma 的生产级 Shadcn 设计系统,包含43个组件:手风琴、按钮、卡片、表单、对话框、标签页等,支持 明暗模式和全响应式布局(移动端、平板、桌面端) https://www.figma.com/community/file/1568461783100341966

Figma 第 189 期
仪表盘模板

仪表盘模板

Figma 仪表盘模板,拥有多种布局与组件,帮助设计师和开发者快速搭建或灵感启发 https://www.figma.com/community/file/1566258176407018833

设计资源 第 189 期
SaaS 仪表盘界面图表组件

SaaS 仪表盘界面图表组件

包含 75+ 即用图表组件(折线、柱状、饼图、环形、雷达、进度、混合图等) 明暗双模式全面支持,完全可定制(基于 Figma Auto Layout),像素级精准、可扩展且层级清晰 https://www.figma.com/community/file/1568871215640009274

组件与开发 第 189 期
2026 年免费 Instagram 模板

2026 年免费 Instagram 模板

这是一套专为社交内容创作者设计的 Instagram 模板合集,涵盖多种类型与场景 https://www.figma.com/community/file/1567154442197574687

设计资源 第 189 期
Minecraft 黑色精美设计组件

Minecraft 黑色精美设计组件

作者分享了一系列精美的 GUI 组件 https://www.figma.com/@jebrik https://www.figma.com/community/file/1568890800887465654

Figma 第 189 期
Tweakcn 新绿色主题 Sage Garden

Tweakcn 新绿色主题 Sage Garden

https://tweakcn.com/editor/theme

效率工具 第 189 期
AIGC 周刊的优惠整合包计划

AIGC 周刊的优惠整合包计划

在 11 月 17 日之前购买藏师傅的 AIGC 周刊,将会获得: 我也经常看藏师傅的周刊,如果你对AI有兴趣或者AI从业者都可以看看藏师傅的内容 https://mp.weixin.qq.com/s/0AXFbGJdamiorfiHD6e7BQ

AI 工具 第 189 期
开源 AI 证件照工具:HivisionIDPhotos

开源 AI 证件照工具:HivisionIDPhotos

开源的 AI 证件照制作软件,支持本地部署、在线体验和 API 服务部署。 https://github.com/Zeyi-Lin/HivisionIDPhotos

组件与开发 第 188 期
Text To Svg 文本转矢量工具

Text To Svg 文本转矢量工具

免费的在线文本矢量化工具,可将文字一键转换为 SVG 路径或 DXF 轮廓。内置 Google Fonts 字体库,支持实时预览、字符间距调整、连字控制等参数设置。 https://texttosvg.app/zh

效率工具 第 188 期
VPDS Components 组件库

VPDS Components 组件库

完整的设计系统组件库,包含常用的 UI 组件,帮助设计师快速搭建产品原型,提升设计效率。 https://www.figma.com/community/file/1555318591490297133/vpds-components

组件与开发 第 188 期
Material Dashboard Shadcn 免费后台模板

Material Dashboard Shadcn 免费后台模板

基于 Shadcn 的免费后台管理系统模板,采用 Material Design 设计语言,提供完整的UI界面设计,适合快速启动后台项目。 https://www.figma.com/community/file/1557392507435409813/material-dashboard-shadcn-free-admin-template

设计资源 第 188 期
StrongMe 正念日记本

StrongMe 正念日记本

一款通过积极肯定卡引导用户构建积极心态的应用。每天抽取一张肯定卡,根据提示完成微行动、记录微日记,将思考转化为具体行动。支持图片上传、位置记录,帮助你与亲友分享成长,定期回顾人生感悟。 https://strongme.app

效率工具 第 188 期
人类能徒手解码二维码?

人类能徒手解码二维码?

一条有趣的技术讨论:如果真的有人能够不借助工具、纯靠人力解码 QR 码,那意味着他们需要记住所有的掩码模式。这个话题引发了关于人类记忆能力和 QR 码编码原理的有趣讨论。 https://x.com/NorahSandoleh/status/1983037291955400843

效率工具 第 188 期
移动应用线框图组件库

移动应用线框图组件库

这是一套简约的低保真线框模板,让你的移动应用原型设计更快更高效 https://www.figma.com/community/file/1558229979788947808

组件与开发 第 187 期
宠物网站设计素材

宠物网站设计素材

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

设计资源 第 187 期
一系列网页设计模板素材

一系列网页设计模板素材

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

设计资源 第 187 期
设计作品集分享

设计作品集分享

蓝色浅色系 B 端 AI 产品 UI UX 作品集源文件模板 https://www.figma.com/community/file/1562451995489029955

作品集 第 187 期
科技感 UI 界面设计 + Mac 样机素材

科技感 UI 界面设计 + Mac 样机素材

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

设计资源 第 187 期
数据大屏设计分享

数据大屏设计分享

作者:像风之翼,在 Figma 社区中持续分享了很多大屏可视化设计文件,并且都是免费分享 https://www.figma.com/@1062779714

Figma 第 186 期
Figma 免费图像转矢量插件:Quick Trace

Figma 免费图像转矢量插件:Quick Trace

Quick Trace 是一款轻量高效的图像矢量化插件,可将 PNG、JPG 等位图快速转换为可编辑的 SVG。 支持单色与多色模式、阈值调节与平滑优化,让你的草图、Logo 或插画瞬间化为清晰的矢量路径。 同时作者:Rancho 也是一位非常优秀的插件开发者,快速修改颜色插件(Quick Hues)、矢量转3D矢量插件(Simple 3D)等等还有很多效率

效率工具 第 185 期
网站设计模板

网站设计模板

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

设计资源 第 185 期
设计案例分享

设计案例分享

作者分享了很多类型的设计内容 https://www.figma.com/@duozhuamiao

灵感 第 185 期
Figma Make 优秀案例

Figma Make 优秀案例

可以上传任意图片,自动生成柱状的旋转效果 https://www.figma.com/community/file/1539099433640763293 使用 Figma Make 生成的,打开文件可以看到每一步如何与AI交互的 https://www.figma.com/community/file/1546653591554876379/figtron

Figma 第 184 期
创意网站设计欣赏

创意网站设计欣赏

鼠标可以控制交卷滚动的方向和位置,展开后会有预置的图片展示,这个效果适合展示大量图片信息时使用 网站:https://www.laxspace.co/ 非常精彩的幕后思考和故事:https://tympanus.net/codrops/2025/09/23/lax-space-designing-with-duct-tape-and-everyday-cha

灵感 第 184 期
使用 AI 提示词创建矢量图形

使用 AI 提示词创建矢量图形

用纯文本描述您的想法。AI 能会将其转换为简洁、可扩展的 SVG,本工具是由Lottiefiles 提供的,并且支持 Figma 插件 插件:https://www.figma.com/community/plugin/809860933081065308/lottiefiles-create-animations-export-from-figma-to-

Figma 第 183 期
Figma 变形插件:Warp

Figma 变形插件:Warp

在 Figma 中,将形状、文本或图形通过控制柄或预设样式,快速实现多样化的形状变换 https://www.figma.com/community/plugin/1307973956610796436/warp

Figma 第 183 期
Material 3 Design Kit

Material 3 Design Kit

Material Design 3,Material Design 迄今为止最具个性化的设计系统。Material 3 设计套件全面介绍了该设计系统,并提供样式和组件,助您快速上手。 https://www.figma.com/community/file/1035203688168086460/material-3-design-kit

Figma 第 183 期
100 个 Nano Banana 生成图像与提示词精选合集

100 个 Nano Banana 生成图像与提示词精选合集

上周分享了一组提示词精选,这次有重合的和不同的,算是补充,有这部分需求的可以都看看 https://github.com/JimmyLv/awesome-nano-banana

组件与开发 第 183 期
即梦图片 4.0 模型 提示词手册

即梦图片 4.0 模型 提示词手册

即梦图片 4.0 支持文生图、图像编辑和组图生成。它能听懂指令、还原细节、快速出图,适合设计、创作等各种场景。 这份手册包含20+ 案例和写提示词的方法,帮你轻松上手 https://bytedance.larkoffice.com/docx/L4vCdah1DoDg7axVdYGcoplSn9f

灵感 第 183 期
本地内容管理工具

本地内容管理工具

Vault 是一款开源的桌面应用,可以把链接、笔记和图片都保存到本地,不依赖云端,数据完全掌握在自己手里;支持文件夹分类、Markdown 笔记、浏览器扩展和搜索等功能,适合注重隐私、喜欢轻量整理的人使用。 https://getvault.pages.dev/

效率工具 第 182 期
HeroUI Figma 套件 V3

HeroUI Figma 套件 V3

HeroUI Figma 官方组件库 V3 🚀(前身为 NextUI)包含全部 HeroUI v3 组件,随取随用。 https://www.figma.com/community/file/1546526812159103429

Figma 第 182 期
Nano-banana 精选提示词与实例

Nano-banana 精选提示词与实例

作者收集了 Nano-banana 在各个任务场景下生成的令人惊艳的图片和提示词,目前采集了 68个实例,全方位展示 Google 在图像生成与编辑的无限可能。很多小🍠上的特色实例都有详细提示词和来源 https://github.com/PicoTrex/Awesome-Nano-Banana-images/tree/main

AI 工具 第 182 期
AI 聊天机器人UI 设计文件

AI 聊天机器人UI 设计文件

响应式设计文件分享 https://www.figma.com/community/file/1547237212864660851

设计资源 第 182 期
Figma Make 向教育版开放

Figma Make 向教育版开放

从2025年9月6日起,Figma Make 将向所有高等教育和训练营教育账户的用户开放 https://x.com/figma/status/1963995877355274650 可以在 Figma 的社区中查看 Make 专区,看到用户们分享的优秀案例 https://www.figma.com/community/make Figma Make 是

Figma 第 181 期
Framer D轮融资 1亿美元

Framer D轮融资 1亿美元

Framer 是一款操作便捷的专业建站工具,提供丰富模板和活跃社区支持。近期,Framer 在 D 轮融资中筹集了 1 亿美元,估值达到 20 亿美元。 https://www.framer.com/blog/series-d/

设计资源 第 181 期
Figma 图表生成插件

Figma 图表生成插件

免费的图表插件,使用插件可以快速生成条形图、饼图、折线图、面积图等 https://www.figma.com/community/plugin/1499737383537047826/chart-generator-bar-pie-line-area-and-much-more

Figma 第 181 期
Nuxt UI v4 • 官方设计组件 • 免费

Nuxt UI v4 • 官方设计组件 • 免费

Nuxt UI v4 是 Nuxt UI 和 Nuxt UI Pro 的合并版本,拥有 100+ 组件和多种模板,组件库覆盖从按钮、表单、卡片到导航、表格、模态窗、聊天界面等多种 UI 元素,完美对应 Nuxt UI v4 的前端实现,保证设计到开发的一致性。 https://www.figma.com/community/file/154436920986

组件与开发 第 181 期
50个渐变纹理抽象元素

50个渐变纹理抽象元素

包含 50 个 渐变纹理抽象元素,可用作 背景、占位图或宣传图,为设计增添丰富视觉层次感。 https://www.figma.com/files/team/834613397167663959/resources/community/file/1261896381010987953?fuid=451634776159532808

设计资源 第 181 期
高质量网站着陆页设计文件

高质量网站着陆页设计文件

文件内容质量非常高,但是图层很多打开会有点卡顿,网络不好时可以多等等 https://www.figma.com/community/file/1541370164997392943

设计资源 第 180 期
Android Emojis 矢量文件

Android Emojis 矢量文件

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

Figma 第 180 期
一组开源可爱的图标设计文件

一组开源可爱的图标设计文件

https://www.figma.com/community/file/1543947677978703963 Github https://github.com/PapillonApp/Papicons

组件与开发 第 180 期
提前剧透的 iPhone 17 的高清图片资源

提前剧透的 iPhone 17 的高清图片资源

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

设计资源 第 180 期
2款开源的「表情符号选择器」组件

2款开源的「表情符号选择器」组件

使用 Tailwind 和 React 制作的快速、可组合、无样式的表情符号选择器 https://emoji.ferrucc.io/ https://frimousse.liveblocks.io/

组件与开发 第 179 期
实用好看的「选中效果」代码组件

实用好看的「选中效果」代码组件

用于选择和突出显示文本的轻量级且可组合的 React 组件,完全免费在你的项目中使用 https://lisere.ankur.design/

组件与开发 第 179 期
Apple OS 26 设计源文件

Apple OS 26 设计源文件

现在 Figma 的社区中已经能够看到全部的 OS 26 各个平台的 UI 设计规范文件了 https://www.figma.com/@apple

Figma 第 179 期
Figma 形状生成插件

Figma 形状生成插件

新插件「Shape Blender」能快速生成 动态感的插画与抽象背景。 支持形状、颜色、模糊、旋转等自定义参数,实时预览,一键导出 SVG,帮助设计师高效制作 海报、社交图、UI 动效素材。 https://www.figma.com/community/plugin/1531602501663749612/shape-blender

Figma 第 178 期
圆形仪表生成插件

圆形仪表生成插件

新插件「Gauge Generator」这是一款快速生成自定义量表刻度的工具:支持自定义扇形与数值区间,提供参数可视化与后续样式微调。可对已选量表进行参数更新(如刻度间距与方向),但更新不会保留已做的设计修改;量表以直径为 Frame 尺寸便于加指针与旋转,外圈刻度默认在 Frame 外,需要时可解除并重组以适配新 Frame。 https://www.fi

效率工具 第 178 期
Figma 免费去水印插件

Figma 免费去水印插件

新插件 WatermarkZero 是一款在线水印去除工具,可以删除照片中不需要的水印、文字或徽标 https://www.figma.com/community/plugin/1530395658453714221/remove-watermark-from-photo-watermarkzero

Figma 第 178 期
Figma 波浪线插件

Figma 波浪线插件

插件「Wave & Curve」 是一款能在 Figma 中快速生成波浪和曲线图案的工具,支持四种曲线模式(立方/二次/弧形/方形),可自由选择波浪方向,并支持参数锁定以便随机生成更可控。所有曲线在生成后都会被 Figma 转换为立方曲线。 https://www.figma.com/community/plugin/745971189153303901/w

Figma 第 178 期
AI 创意联想工具

AI 创意联想工具

免费的 AI 工具 “Idea Bang!” 通过 AI 辅助,生成设计或艺术灵感的工具。它提供多个题材主题,让你快速获得创意点子,适合构思阶段寻找灵感的插画师、设计师 https://www.aiartsecret.com/idea-bang

AI 工具 第 178 期
一套热图图表组件

一套热图图表组件

用于可视化诸如贡献、活动、工作时长或用户指标等数据。具有响应性,且易于集成到仪表板、报告中或分析设计中。 https://www.figma.com/community/file/1537974759673563561

组件与开发 第 178 期
一套免费的网站源文件

一套免费的网站源文件

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

Figma 第 178 期
背景图案素材

背景图案素材

网站:https://patterns.helloyes.dev Figma:https://www.figma.com/community/file/978689698060140147

Figma 第 178 期
手绘风格的矢量元素

手绘风格的矢量元素

适用于产品、市场营销、社交媒体图形、注释、情绪板、拼贴画、卡片、名言、产品等等! https://www.figma.com/community/file/1018477313212753754

Figma 第 178 期
AI 声音工具 Listenhub

AI 声音工具 Listenhub

最近新功能 Flowspeech 它能几乎完美模仿你的声音、语气和语调,也能用内置的高拟人度音色,上传你的文字、图片、文件、网页链接,转化为自然流畅的口语表达会停顿、有语气 http://listenhub.ai/zh

AI 工具 第 177 期
使用 Gemini Storybook 创作绘本故事

使用 Gemini Storybook 创作绘本故事

现在可以用 GeminiStorybook 写绘本故事了,朋友家 7 岁的小女孩用它写下了她和小猫《球球的梦》,配上可爱的插画,轻松做成一本完整的绘本! 孩子的想象力和故事可以用这个方式记录下来,有兴趣的可以试试创作故事绘本。 https://gemini.google.com/share/1e8a9ebe89b3

设计资源 第 177 期
微软 AI 浏览器,Edge 变身 AI 浏览器

微软 AI 浏览器,Edge 变身 AI 浏览器

微软在 Edge 浏览器推出了一个新的实验性功能:「Copilot 模式」,它将 Edge 从一个传统的网页浏览器,彻底改造为一款「AI 原生」的浏览器。 开启方式:在 Edge 浏览器,打开「Copilot 模式」链接即可开启 https://www.microsoft.com/en-us/edge/ai-powered/copilot-mode

AI 工具 第 176 期
Figma 产品图标诞生过程

Figma 产品图标诞生过程

在 Figma 中创建产品图标需要数十次,有时甚至数百次迭代。产品设计师 Tim Van Damme 分享了他深思熟虑的图标设计方法,以及塑造每个最终结果的创意探索。 https://www.figma.com/blog/the-making-of-a-product-icon/

Figma 第 176 期
macOS 原生的 AI 图像高清化工具

macOS 原生的 AI 图像高清化工具

HiPixel 是一款原生 macOS 应用程序,用于 AI 图像超分辨率处理,使用 SwiftUI 构建,并采用 Upscayl 的强大 AI 模型。内置多种 AI 模型(High Fidelity/Digital Art)适应不同场景 下载:https://hipixel.5km.tech/ Github:https://github.com/okooo

AI 工具 第 176 期
60个免费的网站着陆页面设计文件

60个免费的网站着陆页面设计文件

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

设计资源 第 176 期
粉色主题的状态插图

粉色主题的状态插图

空购物车、无网络连接、收件箱、404页面等状态插画 https://www.figma.com/community/file/1533524543662373391/empty-states-with-lili

Figma 第 176 期
超酷的金属风素材

超酷的金属风素材

https://www.figma.com/community/file/1533158625448274414/chrome-food-pack-hyper-realistic-3d-assets

设计资源 第 176 期
2000+个各种质感的素材文件

2000+个各种质感的素材文件

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

设计资源 第 176 期
Figma AI 对所有「付费用户」开放

Figma AI 对所有「付费用户」开放

期待了大半年的功能,大家终于可以用上了,Figma AI 开放功能: https://x.com/figma/status/1948508597807448440 Figma AI 使用介绍视频:https://www.bilibili.com/video/BV1kFL6zzEFb/

Figma 第 175 期
图标管理工具

图标管理工具

这是一个图标库产品,提供付费的图标库订阅服务,这款图标管理工具是可以本地免费使用的,SVG 格式的图标可以直接在软件内修改颜色再下载使用,对于本地有图标管理需要的可以试试 https://nucleoapp.com/

效率工具 第 175 期
手机博物馆

手机博物馆

模型精细度非常高的手机博物馆,可以体验高清的3D 模型手机,并且每款手机模型都能开机、看相册、拍照... 看到之前用过的手机以这种方式展示出来,回忆起当时使用的场景、联系的人、玩过的游戏、拍过的照片 https://chaz.fun/phonemuseum/

设计资源 第 175 期
iOS 26 Figma 设计文件

iOS 26 Figma 设计文件

Apple 上周终于 Figma 社区中更新了最新 iOS 26 和 iPadOS 26 的设计组件文件,Figma 支持了玻璃效果所以设计文件中的玻璃效果是直接可以复制使用的。 https://www.figma.com/community/file/1527721578857867021/ios-and-ipados-26 https://www.fig

Figma 第 175 期
Figma 动画制作插件 - Lottie Engine

Figma 动画制作插件 - Lottie Engine

这是一个 Figma 插件, 可以在 Figma 中简单的制作帧动画,支持导出为 Lottie 动画。

Figma 第 174 期
AI Figma 设计生成动画工具 Magic Animator - Figma 插件

AI Figma 设计生成动画工具 Magic Animator - Figma 插件

一个能够从 Figma 设计中生成可编辑动画的 AI 工具。 只需一键,即可获得四种独特的动画变体,您可以直接导出,或在功能齐全的动画编辑器中进一步调整。

Figma 第 174 期
Emoji 助手 Figma 插件 - Emoji Buddy

Emoji 助手 Figma 插件 - Emoji Buddy

一个可以快速把 Emoji 插入到 Figma 设计中的插件,支持搜索、分类。

Figma 第 173 期
开源、自托管的轻笔记系统 -  memos

开源、自托管的轻笔记系统 - memos

这是一个开源的轻笔记系统,可以部署在服务器、Nas 或者你的电脑中(通过 Docker)。 它实际上就像是用微博/推特/小红书的方式来记录笔记,支持 Markdown、标签、搜索等功能。它支持多用户和分享,所以在公司团队、或者家庭中可以把它当做一个内部微博/推特。

组件与开发 第 173 期
Figma 已申请在纽约证券交易所进行 IPO,股票代码为 "FIG"

Figma 已申请在纽约证券交易所进行 IPO,股票代码为 "FIG"

预计 IPO 日期为 7 月下旬或 8 月初。Figma 于 7 月 1 日(周二)提交了 IPO 申请。股票代码为“FIG”,Figma 将在纽约证券交易所 (NYSE) 上市交易。 2023年12月,Adobe 终止收购 Figma ,并支付给 Figma 10亿美元的赔偿金。 1300 万月活跃用户 95% 的财富 500 强公司使用 Figma LT

Figma 第 172 期
Design Token(设计令牌)管理插件

Design Token(设计令牌)管理插件

帮你在 Figma 里直接创建、管理、记录和导出设计令牌。不需要 Excel,不需要复制粘贴,一切都在一个插件里完成。 你快速生成并管理各种设计要素,比如: https://www.figma.com/community/plugin/1520709447715571667/supa-design-tokens-beta

效率工具 第 172 期
沉浸式的写作工具

沉浸式的写作工具

这是一款很有特色的沉浸式写做工具,在写做过程中其他信息都会被隐藏,包括你写的三行以前的信息,概念很有意思,网页里提供在线版本可以直接体验,喜欢写作的创作者可以试试。 https://untested.sonnet.io/notes/new-enso-first-public-beta/ 在线尝试:https://write.sonnet.io/

效率工具 第 172 期
实时绘制 AI:更直观的创作方式

实时绘制 AI:更直观的创作方式

相比打提示词再等 AI 出图,一边手绘一边实时生成 AI 画面的交互方式,显得更自然也更直观。你画哪里,AI 补哪里,所想即所得。 其实这种“边画边生图”的交互形式早就出现了,但随着 AI 图像生成技术越来越成熟,生成质量越来越高,它的价值也越来越凸显——不再只是玩具,更像是创作的加速器。 对于设计师、插画师、内容创作者来说,这种方式很值得尝试,甚至可能改变

AI 工具 第 172 期
网站着陆页设计分享

网站着陆页设计分享

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

Figma 第 172 期
液态玻璃风格壁纸

液态玻璃风格壁纸

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

Figma 第 172 期
可视化图表组件库

可视化图表组件库

基于 D3.js 和 Tailwind 构建的轻量级易用图表库。只需复制粘贴代码并安装所需的依赖项即可开始使用! https://rosencharts.com/

组件与开发 第 172 期
Frame 个人网站模板

Frame 个人网站模板

适合摄影爱好者作为个人网站使用,头图的相机滚动照片的交互很棒 https://x.com/thereal_apk/status/1940720285818540237 https://ashpdeep.com/

设计资源 第 172 期
Figma 查看宽高比插件

Figma 查看宽高比插件

使用插件,可以快速的查看设计图的宽高比例,选中设计图即可显示,操作简单非常实用的插件 https://www.figma.com/community/plugin/1517989015632111393/nearest-aspect-ratio-viewer

Figma 第 171 期
着陆页设计源文件

着陆页设计源文件

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

Figma 第 171 期
Figma 液体玻璃效果衣柜(原型可交互)文件

Figma 液体玻璃效果衣柜(原型可交互)文件

源文件中分享了完整的设计步骤以及原型交互,打开文件预览原型可以直接体验 https://www.figma.com/community/file/1520808082633221671

Figma 第 171 期
4个免费科技感背景素材

4个免费科技感背景素材

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

设计资源 第 171 期
玻璃质感 UI 组件设计

玻璃质感 UI 组件设计

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

组件与开发 第 171 期
2款可视化圆角计算器

2款可视化圆角计算器

做 UI 圆角嵌套时,使内容保持同心圆可以使用这样的圆角计算工具来辅助。同时工具还支持一键复制 CSS 样式代码。 https://ui.paukraft.com/tools/radius-calculator https://howbr.vercel.app/

效率工具 第 170 期
Figma 形状扭曲插件

Figma 形状扭曲插件

通过插件可以在 Figma 中快速缩放、收缩和膨胀形状。适合LOGO探索或图形创作 https://www.figma.com/community/plugin/1516079454915893027

Figma 第 170 期
设计素材

设计素材

一组柔和模糊的形状,可用于打造时尚的背景、重点和氛围。 易于扩展,适用于任何项目。 非常适合网站、演示文稿和社交媒体。 https://www.figma.com/community/file/1518144653519091917

设计资源 第 170 期
在 Web 中模拟照明效果

在 Web 中模拟照明效果

SVG 过滤器提供了一个基本的照明系统,可以将其与少量 JavaScript 同步并在您的 Web 应用程序中使用! 不那么强大但很酷,这篇帖子中有很多这部分实现的介绍,有兴趣可以看原贴。 https://x.com/jh3yy/status/1936212860893364635

组件与开发 第 170 期
设计师社区 Layers 界面改版

设计师社区 Layers 界面改版

原来是一页多图展示,以图为主预览,变成了X一样的设计,更像设计区/帖子的浏览方式。Dribbble 变了之后,不少设计师换到了 Layers 这里分享内容,社区以 UI、UX 作品为主 https://layers.to

效率工具 第 169 期
2个设计师灵感网站

2个设计师灵感网站

Supahero 与 CTA.gallery 均是高品质的设计作品库,为用户提供“直接可用”的界面设计灵感。 一个专注于按钮与交互行为(CTA),另一个立足网站首屏视觉(Hero Section),共同价值在于:精选、分类、启发、提升转化。两者适合在用户界面交互设计的不同关键环节互为补充,是设计流程中不可或缺的灵感来源 https://www.supaher

灵感 第 169 期
液态玻璃效果在网页实现

液态玻璃效果在网页实现

上周设计师们都在群里聊液态玻璃的视觉效果以及如何落地,分享两个开源的网页中使用的液态玻璃效果,网页效果会因浏览器的不同显示有区别,建议使用 Chrome 浏览。 为了方便展示,月维的网站上可以直接鼠标拖拽玻璃块浏览哦 预览:https://moonvy.com/?homepage Github:https://github.com/shuding/liqui

组件与开发 第 169 期
F

Figma 按钮合集文件

作者分享了一套高质量按钮源文件,下面视频中的按钮效果也添加到了文件中。 https://www.figma.com/community/file/1511809868221081673

Figma 第 169 期
液态玻璃素材合集

液态玻璃素材合集

这周液态玻璃话题太火热了,Spline 也开放了一个案例,这个是真实的可以交互的并且是Q弹的真液态玻璃,有兴趣的可以玩一下。 https://app.spline.design/file/4215c871-a600-4969-a91a-cf4755367872 Figma 社区中也出现了非常多的仿液态玻璃效果的文件和插件,可以在社区中搜索关键词:Liquid

设计资源 第 169 期
高质量网站着陆页欣赏

高质量网站着陆页欣赏

设计细节含量爆表的网站设计,满屏的细节,和现在主流风格不同很有特色。按钮悬浮、滚动触发、图文联动、鼠标跟随等细节无处不在 https://blackalgo.com/

效率工具 第 169 期
Figma Gif 制作插件

Figma Gif 制作插件

一体化 GIF 制作插件:导入 Figma 中的序列帧,调整每帧延迟和其他设置,然后立即将 GIF 导出到电脑,该插件免费。 https://www.figma.com/community/plugin/1435053239583953744/ultimate-gif-maker-free-unlimited-exports

Figma 第 168 期
作者分享了多个高质量视觉文件

作者分享了多个高质量视觉文件

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

Figma 第 168 期
背景素材

背景素材

精选的 40 多个高分辨率未来主义背景集合,适合网站、应用程序、海报、UI 中作为背景使用。 https://www.figma.com/community/file/1508827013863756004

设计资源 第 168 期
将图片处理成印刷纹理效果

将图片处理成印刷纹理效果

这个网站工具可以将图片处理成模拟 Risograph 印刷的纹理和颜色混合 https://riso.lfesp.me/ https://x.com/liamesp/status/1927906653619319204

设计资源 第 167 期
专为FLUX.1 Kontext 的 JSON 样式库

专为FLUX.1 Kontext 的 JSON 样式库

专用于 FLUX.1 Kontext 服务的样化的 JSON 风格配置,能够更好地使用 FLUX.1 Kontext 生成图像。 https://styleprofiles.com/

组件与开发 第 167 期
品牌 LOGO 素材库

品牌 LOGO 素材库

群友自己开发的 SVG-LOGO 资源网站,网站中包含大量的 SVG 格式的 Logo 设计素材,大学校徽、各种工具产品、金融支付、美妆品牌、等 658+ ,支持免费复制和下载使用。 https://svglogo.top/

设计资源 第 167 期
Meta Horizon os 用户界面 UI

Meta Horizon os 用户界面 UI

专门为Meta Horizon0S 设计的UI 组件,基于 Reality Labs 设计系统(RLDS) https://www.figma.com/community/file/1509641173090552632/meta-horizon-os-ui-set

Figma 第 167 期
大屏设计素材

大屏设计素材

500 款边框标题花纹合集 https://www.figma.com/community/file/1509106622741773721/500500-collection-of-border-subtitle-pattern-styles

设计资源 第 167 期
Figma 中的像素编辑器

Figma 中的像素编辑器

这是一款Figma插件,可以在插件中创建像素风格的插图并且支持导出多种其他格式 https://www.figma.com/community/plugin/1429928588664037981/pixel-art-generator

Figma 第 166 期
Figma 路径编辑插件

Figma 路径编辑插件

Fit Curve 插件有助于在 Figma 中创建具有平滑曲率的曲线。它具有直观的界面,包含一系列圆形按钮和滑块,可以精确修改贝塞尔曲线段上的手柄长度。 https://www.figma.com/community/plugin/1317809341215111097/fit-curve

Figma 第 166 期
Vector to 3D 插件的模型预设文件

Vector to 3D 插件的模型预设文件

使用 Vector to 3D 插件在 Figma 中生成 3D 模型的预设文件,作者会经常分享预设文件,欢迎通过文件关注作者呀(^-^)V https://www.figma.com/community/file/1507562707740400222/v3d

设计资源 第 166 期
汽车应用程序模板,设计组件

汽车应用程序模板,设计组件

套件包含 Android for Cars 应用库提供的各种组件、模板和仪表盘,可用于设计各种类型的车载体验。 https://www.figma.com/community/file/1506418622696735515/car-app-templates-design-kit

设计资源 第 166 期
网站着陆页案例

网站着陆页案例

6个免费的长虹玻璃视觉风格的设计文件 https://www.figma.com/community/file/1506040653392892414/6-free-hero-designs

灵感 第 166 期
背景素材网站

背景素材网站

高品质、颗粒感纹理和平滑渐变背景素材 https://grainient.supply/

设计资源 第 166 期
Google 全新的设计语言 Material 3 Expressive

Google 全新的设计语言 Material 3 Expressive

谷歌刚刚发布了新一代设计语言 Material 3 Expressive,视觉上迎来大更新。 https://m3.material.io/

效率工具 第 165 期
Figma 快速重命名图层插件

Figma 快速重命名图层插件

使用标签的方式重命名并且支持同步调整图层面板的顺序很实用的插件。现在 Figma 社区更新之后找新东西越来越难,建议关注本周刊,我会尽量多的介绍新的插件和新资源。 https://www.figma.com/community/plugin/1493799775598309616

Figma 第 165 期
Figma 形状混合插件

Figma 形状混合插件

同时选中两个相同类型的形状(瞄点数量、边数相同),创建混合效果,支持编辑混合的步数。 https://www.figma.com/community/plugin/1496400896004759844/vector-blender

Figma 第 165 期
Airbnb 的拟物图标用 AI 还原了

Airbnb 的拟物图标用 AI 还原了

歸藏使用 GPT-4o + 参考图的方式复刻了该拟物效果,你现在做设计会使用 AI 生成的图吗?欢迎留言告诉我 https://x.com/op7418/status/1922496821332414839

AI 工具 第 165 期
Mac 主题花园

Mac 主题花园

数字考古的丰碑,正式开放了这个收录 3000+经典Mac主题的在线档案馆,将OS 7至OS X时代的视觉遗产封装成可浏览、可下载的时光胶囊。 项目始于社交平台的主题守护机器人,历经与Wayback Machine的数据博弈、手动抢救4000余个古董主题的"像素复兴工程",最终打造出兼具实用性与情怀的数字博物馆,这场用CSS代码书写的温柔革命,既是早期UI美学

组件与开发 第 164 期
Figma 社区入口变更

Figma 社区入口变更

由原来的左下角将入口变更到了左上角,和最近访问放到了一起。 (吐槽一下新的社区里找东西更难了,没有了更新范围的选项,找东西只能靠搜索😭)

Figma 第 164 期
Spline 新文件模式:Hana - 2D设计

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

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

设计资源 第 163 期
元素随机分布插件

元素随机分布插件

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

效率工具 第 163 期
Figma 动态缩放字号插件

Figma 动态缩放字号插件

在 Figma 中选中多文本图层,支持批量对图层进行统一的字号缩放 https://www.figma.com/community/plugin/1371013694324891633/font-size-scale

Figma 第 163 期
科技感的矢量插图

科技感的矢量插图

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

Figma 第 163 期
代码中提取颜色插件

代码中提取颜色插件

从任何文本或代码中提取颜色的插件,只需粘贴任何代码或文本(从代码片段到完整的网站代码),插件中会显示代码中包含的色值。插件中还包含快捷创建组件/变体等功能 https://www.figma.com/community/plugin/1352239985929481996/color-extractly-extract-colors-from-any-tex

组件与开发 第 162 期
Figma 符号插件

Figma 符号插件

各种表情符号、字符、品牌logo、鼠标指针,在插件中都有,如果需要符号插件,就保持他就可以了。 https://www.figma.com/community/plugin/1483440894474007154/symbl-your-ultimate-symbol-library

Figma 第 162 期
3D 模型提示词

3D 模型提示词

X中很多人使用这套提示词生成了很有质感的图标模型,生成结果非常适合设计师使用。 https://gist.github.com/dlogvin/874f706030c7caa832b4cf896e01d6ee 下面这套图标的作者:https://x.com/nurpraditya/status/1915752636739105205

设计资源 第 162 期
Ghiblio 吉卜力风格图像生成平台

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

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

设计资源 第 162 期
AI 驱动的图片 Markdown 生成器

AI 驱动的图片 Markdown 生成器

藏师傅的小工具,让你随心所欲往自己生成的网页添加图片! 上传图片点确定,然后复制 Markdown 链接就行 https://k0irw7xr7h.app.yourware.so/ https://x.com/op7418/status/1915692711958765635

AI 工具 第 162 期
即梦3.0模型

即梦3.0模型

AI 生成中文效果还是得咱中国的大模型,即梦3.0模型对中文字、中文海报效果非常棒,每天还赠送免费积分 https://jimeng.jianying.com/ai-tool/home

AI 工具 第 162 期
状态类插画库

状态类插画库

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

设计资源 第 162 期
ChatUI 3.0 为设计开发者搭建「对话式交互」

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

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

组件与开发 第 161 期
日期选择器 UI 组件

日期选择器 UI 组件

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

组件与开发 第 161 期
矢量绘制的拟物小键盘

矢量绘制的拟物小键盘

Figma 中分层的矢量拟物插画,磨砂半透明外壳和按钮质感非常好看 https://www.figma.com/community/file/1459287430820731059/work-louder-x-framer-creator-micro

Figma 第 161 期
63款可视化大标题合集

63款可视化大标题合集

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

Figma 第 161 期
部落冲突 - UI 组件设计

部落冲突 - UI 组件设计

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

组件与开发 第 161 期
开源 Flexbox 学习工具

开源 Flexbox 学习工具

你可以通过可视化界面实时调整各种 Flexbox 属性,立刻看到布局效果,非常适合学习和快速测试布局思路。并且支持复制布局代码 https://flexboxlabs.netlify.app/ http://github.com/prazzon/flexbox-labs

组件与开发 第 160 期
AI 生成 3D 模型纹理贴图

AI 生成 3D 模型纹理贴图

使用提示词生成纹理贴图,并且在 3D 模型中使用,并支持下载 GLB 格式文件 https://huggingface.co/spaces/VAST-AI/MV-Adapter-Text2Texture

设计资源 第 160 期
如何使用 AI 生成 UI 提示词

如何使用 AI 生成 UI 提示词

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

AI 工具 第 160 期
Midjourney V7 绘本风格样式

Midjourney V7 绘本风格样式

一款非常适合儿童书籍插图的样式词 --sref 1455106294 1956550015 2945537978 https://x.com/tisch_eins/status/1909128015092519378

Midjourney 第 160 期
LanguageUI 设计组件库

LanguageUI 设计组件库

LanguageUI 是一个开源设计系统和 UI 工具包,可让 LLM 灵活地将文本输出格式化为更丰富的图形用户界面。 100 多个组件和可自定义的界面 10 多个面向法学硕士 (LLM) 的对话式 UI 小部件 30 多个预置界面 https://www.figma.com/community/file/1334658200949332345

组件与开发 第 160 期
优秀的个人博客

优秀的个人博客

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

设计资源 第 160 期
Gemini 2.0 手绘生成图像小工具

Gemini 2.0 手绘生成图像小工具

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

设计资源 第 159 期
Shadcn UI 现代 UI 组件库插件

Shadcn UI 现代 UI 组件库插件

Superbig studio是一个插件,旨在帮助您使用 Shadcn 更快地设计应用程序。支持搜索功能并保持组件的更新,定期添加新组件。 https://www.figma.com/community/plugin/1409374804199690996/shadcn-ui

组件与开发 第 158 期
Figma UI3 设计源文件

Figma UI3 设计源文件

Figma 官方开源了 UI3 是所有设计源文件 https://www.figma.com/community/file/1486123838948777078

Figma 第 158 期
深色色系的便当设计文件

深色色系的便当设计文件

2套文件内的例子效果非常细腻,值得学习 https://www.figma.com/community/file/1482807395005907010 https://www.figma.com/community/file/1482805605076504639

Figma 第 158 期
干净简洁的移动端原型文件

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

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

Figma 第 158 期
免费商用的 3D PNG 元素素材

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

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

设计资源 第 158 期
Apple 现在网站上展示出了 Lumon Terminal Pro

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

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

效率工具 第 158 期
1. Figma 插件:Evoker

1. Figma 插件:Evoker

该插件支持将自己的 Gemini-2.0-Flash-exp 的 API 填写到插件中,在 Figma 中使用多模态模型。生成之后可以很方便的插入回 Figma https://www.figma.com/community/plugin/1483385411494564236/evoker

Figma 第 157 期
3.在线 AI 创意工具:FLORA AI

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

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

AI 工具 第 157 期
Banhaten 线框组件库

Banhaten 线框组件库

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

组件与开发 第 157 期
iOS 键盘,组件源文件

iOS 键盘,组件源文件

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

Figma 第 157 期
3D图片模型

3D图片模型

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

设计资源 第 157 期
一组 3D 食物模型文件

一组 3D 食物模型文件

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

设计资源 第 157 期
Switch Button 源文件包含原型

Switch Button 源文件包含原型

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

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

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

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

效率工具 第 157 期
运动曲线生成器

运动曲线生成器

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

组件与开发 第 156 期
使用 AI 生成 Figma 插件

使用 AI 生成 Figma 插件

Artifig 这款插件可以帮你完成自己的 Figma 插件,运行插件输入你想要的功能,插件会使用AI自动帮你生成包含界面并且可运行的插件,生成的插件你还可以多次修改或者复制代码变成完全独立的自己的插件使用。 https://www.figma.com/community/plugin/1434961364530492108/artifig-ai-turn-

效率工具 第 156 期
截图美化工具:Postspark

截图美化工具:Postspark

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

效率工具 第 156 期
UI 界面设计灵感

UI 界面设计灵感

网站中采集了关于图形、UI、UX 等常用组件的展示方式和设计灵感 https://www.are.na/julian-gallardo/ui-8cvvil3vf4g

灵感 第 156 期
Figma 光标跟随原型文件

Figma 光标跟随原型文件

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

Figma 第 156 期
网站设计模板源文件

网站设计模板源文件

12个优质的网站设计模板风格丰富,非常优质的设计源文件 https://www.figma.com/community/file/1464401738705450991

Figma 第 156 期
Nothing Phone 3a Mockups

Nothing Phone 3a Mockups

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

设计资源 第 156 期
免费的 AI 图像生成工具:Raphael AI

免费的 AI 图像生成工具:Raphael AI

免费不需要登录的AI图像生成工具,由 Flux.1 Dev 提供支持,同时提供了预置关于风格、灯光、镜头的一些预设,使用起来还是很方便的,有兴趣的可以试试看。 https://raphael.app/zh

AI 工具 第 155 期
流程图素材文件

流程图素材文件

使用文件中的流程图组件绘制好看的流程图咯 https://www.figma.com/community/file/1144713033273069477

设计资源 第 155 期
免费的在线样机工具

免费的在线样机工具

网站 MockUPhone 中提供了一系列电子设备的模型套壳,上传图片就能生成包含设备边框的截图以及横向、竖向和倾斜角度的预览图,并提供免费下载。 https://mockuphone.com/type/all/

设计资源 第 155 期
Loading 源文件

Loading 源文件

文件中包含组件以及交互动画 https://www.figma.com/community/file/1183111865001388870

Figma 第 155 期
金属流光效果

金属流光效果

上周 Apple 发布会的视觉效果,现在可以自定义上传内容制作类似的效果了。需要透明或白色背景。形状比文字效果更好。最好使用 SVG 或高分辨率图像。 https://liquid.paper.design/share/01JMS5TEWHX6ZN1K45NFNY3VBY

效率工具 第 154 期
软件设计构建人员的参考手册

软件设计构建人员的参考手册

有兴趣的可以订阅,网站目录介绍包含像素和颜色、字体和矢量图、3D和着色器、以及人工智能与机器学习、并且还有图片的压缩等知识信息,同时网站的复古插图风格很喜欢。 https://www.makingsoftware.co/

效率工具 第 154 期
基于 Next.js 实现的 3D 在线地图

基于 Next.js 实现的 3D 在线地图

使用 Next.js 15、MapboxGL 和 TypeScript 构建的现代交互式地图应用程序。Pathfinder 提供无缝地图体验,具有实时天气数据、位置搜索和可自定义的地图样式等功能。 https://pathfinder.shadowdev.xyz/ https://github.com/shadowoff09/pathfinder

设计资源 第 154 期
矢量地图素材

矢量地图素材

该地图素材支持选择国家、设置矢量填充点的密度、颜色、背景色,支持导出 PNG、SVG 格式。 https://www.worldindots.com/

设计资源 第 153 期
矢量 AI 品牌 LOGO 资源

矢量 AI 品牌 LOGO 资源

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

设计资源 第 153 期
矢量徽章素材

矢量徽章素材

https://www.figma.com/community/file/1379312309411576829/badges-design-vol-1-free

设计资源 第 153 期
20个「手」的插画素材

20个「手」的插画素材

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

设计资源 第 153 期
Opera Air —— 让你“断网”的浏览器

Opera Air —— 让你“断网”的浏览器

Opera Air 是一款反其道而行的浏览器,旨在帮助用户减少上网时间,鼓励休息。其极简设计类似冥想应用,提供呼吸练习、颈部运动、全身扫描等“智能练习”,帮助用户减压放松。此外,还有双耳节拍功能提升专注力和创造力。虽然部分功能略显“鸡汤”,但其透明界面和 AI 助手 Aria 仍让人眼前一亮。 https://www.opera.com/zh-cn/air

AI 工具 第 152 期
推荐 Figma 插件作者 Pavel

推荐 Figma 插件作者 Pavel

这个作者的插件都很实用,比如:Image Compressor、HLFTN、Variants Randomizer 等等,可以去他的 Figma Community 主页看看。 感谢 @JiaLin 的推荐

Figma 第 152 期
Figma 中导入 PSD 文件插件

Figma 中导入 PSD 文件插件

通过该插件可以将 psd 格式的文件,以分层的方式导入到 Figma 中,方便的将ps中的素材、资源导入到 Figma中使用。 https://www.figma.com/community/plugin/1418190299890697167/codia-ai-psd2figma-photoshop-to-editable-figma

Figma 第 151 期
柴猫表情包生成器

柴猫表情包生成器

作者第一次学 AI 编程,从0开始做了这个「柴猫表情包生成器」,输入文字描述,AI帮你生成可爱的柴猫表情包~ https://orangesai.com/catemoji/

AI 工具 第 151 期
谷歌的文生图 AI 来了

谷歌的文生图 AI 来了

前几天介绍了谷歌的图生图 AI 模型,现在文生图功能也可以使用了,生成 3D 图标的质量非常不错,会跨墙的人可以都去试试看效果。 https://labs.google/fx/zh/tools/image-fx

AI 工具 第 150 期
在线 UI 组件库

在线 UI 组件库

完全支持拷贝代码使用的 UI 组件库,粘贴到 v0、Cursor、Bolt、Lovable、Replit,可以自己使用或者发给 AI 让他帮你优化你的产品界面。如果你是开发者也可以复制他用在你的项目中。 https://21st.dev/

组件与开发 第 150 期
Figma 变量可视化插件

Figma 变量可视化插件

改变使用Figma变量的方式。将复杂的变量关系转化为直观的可视化地图,让你在一个无限的画布中查看和管理所有变量。 在无限的画布上同时查看所有可变集合,通过简单的拖放可视化和创建可变连接,在不构建组件的情况下,模拟不同的模式来预览变量的行为,快速搜索变量并直接跳转到它们,可以方便的辅助你理解和控制变量。 插件:https://www.figma.com/com

Figma 第 150 期
Figma 为位图添加矢量描边插件:Image Stroke

Figma 为位图添加矢量描边插件:Image Stroke

只专注于生成图像的轮廓描边,不处理图像内部细节 https://www.figma.com/community/plugin/1457662942651611491/image-stroke

Figma 第 150 期
Midjourney 样式集合网站

Midjourney 样式集合网站

网站中提供大量的 Midjourney -- sref 样式,可以拷贝你喜欢的样式使用。 https://sref-midjourney.com/

Midjourney 第 150 期
使用代码实现的长虹玻璃效果

使用代码实现的长虹玻璃效果

动态的玻璃效果,支持切换玻璃的方向和类型,但是暂时作者未开放复制代码,可以作为效果欣赏借鉴 https://r3f.maximeheckel.com/fluted-glass

组件与开发 第 150 期
Notion 的头像系统

Notion 的头像系统

Notion 推出 Notion 风格头像的编辑器,可选择类型非常丰富,如果也喜欢类似风格的话可以用这个做一个自己的头像。 https://www.notion.com/faces

组件与开发 第 149 期
Figma 组件库插件:components- UI library

Figma 组件库插件:components- UI library

只需单击“生成”,组件就会添加到设计中。插件中包含各种类型的组件,例如卡片、按钮、导航等。作者表示更多组件持续更新中。 https://www.figma.com/community/plugin/1441612789885005473

组件与开发 第 149 期
Figma 弧形文本插件:Type Tool

Figma 弧形文本插件:Type Tool

选择文本图层运行插件就可以创建弧形文本样式,支持疏密、起始位置、环形大小等参数,插件完全免费。 https://www.figma.com/community/plugin/1183722659656348694/type-tool

Figma 第 149 期
阿里巴巴盒马的设计系统:ReX Design OS

阿里巴巴盒马的设计系统:ReX Design OS

这套设计系统的亮点在归纳了跨端应用中的各种影响因素。 人因关注用户的操作习惯和障碍;机因强调设备的分辨率和输入输出形式; 环因考虑环境因素如光线和噪音;法因则关注信息密度和操作难易度。 这些因素共同影响界面的设计策略与适配性,这套操作系统将这四种因素的动态变化考虑到组件设计中,使得非常灵活的能用在各种设备和场景中。 https://alibaba.githu

组件与开发 第 149 期
100张卡片设计模板UI套件

100张卡片设计模板UI套件

模块化组件内容,可以适配不同尺寸,虽然是时间比较久之前的素材了,但内容质量现在使用依然不错。 https://www.figma.com/community/file/1097964499926853798

设计资源 第 149 期
AI 助手应用 J1 Assistant

AI 助手应用 J1 Assistant

罗永浩团队开发的人工智能应用 J1 Assistant (Beta) 版, Android 版本已上线,支持发送消息、创建待办、搜索、擅长管理复杂任务,界面 UI 很像锤子 UI 的质感拟物风格。(注册需要海外手机号) https://matter.ai

AI 工具 第 148 期
快速创建品牌包装图

快速创建品牌包装图

在网站中可以快速创建可以在社交媒体分享的效果图,选择模板之后修改文案、logo、占位图等信息,支持导出到本地 PNG 格式 https://imgsrc.io/

设计资源 第 148 期
质感 UI 欣赏

质感 UI 欣赏

这位作者擅长绘制质感 UI 这是最新创作的音频类的 UI 界面欣赏 https://x.com/designloomco/status/1875256823466594793

效率工具 第 148 期
Cursor AI 的资源网站

Cursor AI 的资源网站

Cursor 宝藏资源网站,收录各种 Cursor 提示词以及使用案例。学习如何使用 Cursor 生成优秀的代码程序。 https://cursor.directory/

设计资源 第 148 期
文本转音频 AI 模型

文本转音频 AI 模型

可以通过添加提示词和文本内容生成具有氛围感的音频模型。 https://huggingface.co/spaces/declare-lab/TangoFlux

AI 工具 第 148 期
最近比较火的 谷歌 AI 图生图模型

最近比较火的 谷歌 AI 图生图模型

目前为止尝试过的 AI 生图工具谷歌这款AI是最简单直接的,生成效果也很好,强烈推荐大家试试看。 Whisk 是 Google 实验室最新的生成图像实验,专注于快速视觉构思,而无需深入理解提示!只需添加几张图像作为方向参考(场景、主题、风格),Whisk 就会推荐一些图像供您继续完善。 Whisk 由 Google 的 Gemini(具有视觉理解功能的语言模

AI 工具 第 147 期
将文件、文档转换为 Markdown 格式

将文件、文档转换为 Markdown 格式

MarkItDown 是一款将各种文件转换为 Markdown 的实用程序,由微软出品。提供在线版本,打开即用非常方便的文档格式工具。 https://markitdown.pro/ https://github.com/microsoft/markitdown

组件与开发 第 147 期
以节点的方式创建设计空间

以节点的方式创建设计空间

使用节点式编辑器(Node-based Editor)的方式创建有意思的设计数据流,玩法很有意思,可以将图片、矢量内容、或者颜色,通过自定义的多节点创建一个有意思的数据流。这是一个开源的项目,假期有时间可以研究一下。 https://bitspace.sh/ https://github.com/newfrgmnt/bitspace

组件与开发 第 147 期
在线字幕编辑工具:爱慕

在线字幕编辑工具:爱慕

支持上传视频自动生成字幕、提取字幕、字幕翻译等功能,可以在线免费使用。 https://aimu.app/

效率工具 第 147 期
Visual Studio Code 可以免费使用 GitHub Copilot(Github AI 辅助驾驶)

Visual Studio Code 可以免费使用 GitHub Copilot(Github AI 辅助驾驶)

Visual Studio Code 昨天宣布 GitHub Copilot 免费可供所有人使用 https://x.com/code/status/1870137617557152110

组件与开发 第 146 期
开源的 AI logo(徽标)生成器

开源的 AI logo(徽标)生成器

LogoCreator 是一款免费开源的 AI logo(徽标)生成器,帮助用户在几秒钟内创建徽标,支持自定义样式。它由 Together AI 上的 Flux 提供支持,并使用 TypeScript 构建的 Next.js 应用框架。 https://www.logo-creator.io/ https://github.com/Nutlope/logoc

组件与开发 第 146 期
文字转语音助手-AI配音工具

文字转语音助手-AI配音工具

TikTok Voice 支持小帅,猴哥,熊二,紫薇,新闻腔等热门AI配音,免费版每月1000字符限制,每天生成5次。 https://tiktokvoice.net/zh

AI 工具 第 146 期
免费的 Ul 组件库

免费的 Ul 组件库

Bootstrap 5 初始化 UKit 集合了Bootstrap 基础组件。包含设计规范以及常用组件和图标库 https://www.figma.com/community/file/876022745968684318

组件与开发 第 145 期
免费图片转提示词生成器

免费图片转提示词生成器

将图片转换为提示词,更方便使用AI工具生成图片,还单独区分了不同的生成工具 Flux、Midjourney、Stable Diffusion。 https://imageprompt.org/zh/image-to-prompt

Midjourney 第 144 期
即梦 AI 中文海报生成

即梦 AI 中文海报生成

体验了一下效果挺好的,中文生成效果还是需要国产模型。 https://x.com/op7418/status/1863571609023664343 视频介绍:https://www.bilibili.com/video/BV1MzioYgEfN/

AI 工具 第 144 期
ComfyUI 客户端可以在 Mac 运行了

ComfyUI 客户端可以在 Mac 运行了

ComfyUl官方推出的桌面端,支持 Windows 和 Mac 系统。简洁直观的用户界面、一键安装的便利性、具有自动更新功能、轻量级的安装包、预配置的 Pvthon 环境、支持用户通过连接不同的节点来构建复杂的图像生成流程,精确控制每个步骤的参数。为用户提供了一个高效、稳定且易于使用的人工智能生图创作环境。 官网: https://blog.comfy.o

AI 工具 第 143 期
Ant Design 对话界面设计规范

Ant Design 对话界面设计规范

Ant DesIgn X - AI 体验新秩序,Ant Design 团队匠心呈现 RICH 设计范式,打造 AI 界面解决方案,介绍了 Ant Design 设计系统的核心理念和组成部分,强调通过简洁、一致的设计语言和高质量的 UI 组件库,为产品提供一致的用户体验,并帮助设计师和开发人员高效构建符合规范的界面。 https://x.ant.design/

AI 工具 第 143 期
Ableton Note 应用程序的设计师分享了创造令人难忘的数字体验的非常规原则。

Ableton Note 应用程序的设计师分享了创造令人难忘的数字体验的非常规原则。

“创作是一项集体任务,”设计师 Pablo Sánchez 在Config 2024 的演讲开始时说道。“即使你独自一人在房间里工作,当你将过去和现在的想法混合在一起时,就会与集体建立起深刻的联系。”在与用户研究员 Oliver Sommermann 的对话中,Pablo 详细阐述了如何利用这种“多元意识”塑造了 Ableton Note 应用程序(一种用于

效率工具 第 143 期
在图片上添加文字的在线工具

在图片上添加文字的在线工具

在图片上添加深度效果的文字和图片结合的效果。并承诺永久免费。生成效果非常适合发社交媒体。 https://behind.rudrashah.in/

效率工具 第 142 期
拥有真实版权的手工制作徽标

拥有真实版权的手工制作徽标

55.000+ 个由专业设计师制作的独家现成徽标,这里获取获取灵感或者直接购买。 https://scalebranding.com/

灵感 第 142 期
国内高质量文本到视频 AI 生成工具:Vidu Studio

国内高质量文本到视频 AI 生成工具:Vidu Studio

Vidu Studio 是由 ShengShu-AI 开发的一款 AI 驱动的视频生成平台。 这家公司与清华大学合作,基于一种名为“Universal Vision Transformer (U-ViT)”的架构,整合了 Diffusion 和 Transformer 技术。这使得 Vidu Studio 能够通过文字或图像输入快速生成高质量的视频内容 此外

AI 工具 第 142 期
Chrome 录屏插件:Screenity

Chrome 录屏插件:Screenity

支持在屏幕上任意位置进行录制和标注信息,可以同时录入麦克风或内部音频,并且支持点击高亮效果。 可以将录制视频导出 MP4、gif、webm 等文件格式,还能对视频进行一些简单的编辑。 GitHub:https://github.com/alyssaxuu/screenity 网站:https://screenity.io/

组件与开发 第 141 期
在线随机生成可爱头像

在线随机生成可爱头像

作者提供了随机组合功能,轮廓、眼睛、嘴巴、装饰品、背景都有可选项,非常可爱。 https://bunnyismoving.github.io/

组件与开发 第 141 期
Midjourney 个性化风格样式「水彩风格」

Midjourney 个性化风格样式「水彩风格」

来自 @miilesus 分享的一组个性化「水彩风格」 --sref 1030583812 https://x.com/miilesus/status/1854165131283841228?s=46

Midjourney 第 140 期
Figma 中的 AI 插件:Unblocked AI

Figma 中的 AI 插件:Unblocked AI

在 Figma 中使用 AI 编辑图像,支持使用 Flux 人工智能模型; 生成图像:使用提示生成图像; 擦除对象:使用AI在 Figma 中直接从图像中擦除不需要的对象; 生成填充:在照片的任何部分上绘画,并使用提示在任何您想要的地方添加对象; 矢量化:从 Figma 画布中选择任意图像,并将其转换为可编辑的矢量形状; 移除背景:一键移除图像背景,获得干净

AI 工具 第 139 期
开发者的设计工具

开发者的设计工具

Onlook 是一款开源的、本地优先的 React Figma。直接在实时网页中设计并立即将更改写入代码。 https://onlook.dev/

组件与开发 第 139 期
专为开发者打造的开源笔记应用

专为开发者打造的开源笔记应用

Kompad 是一款笔记应用,旨在提升用户的组织性和效率。它支持 MacOS、Windows 和 Linux 系统,并能实时同步数据,让你随时随地访问你的笔记。 https://kompad.hudy9x.com/

组件与开发 第 137 期
CSS 圆锥曲线渐变代码

CSS 圆锥曲线渐变代码

网站中漂亮的渐变提供 CSS 代码,点击复制即可使用,简单方便。 https://www.conic.style/

组件与开发 第 137 期
使用 PMRF 算法使人脸高清化

使用 PMRF 算法使人脸高清化

PMRF 是一种全新的图像修复算法,实现高质量修复图像,降低图像失真还原跟自然逼真度。 图像恢复:处理去噪、超分辨率、着色、盲图像恢复和图像修复等任务,生成自然逼真的图像。 降低图像失真提高感知质:不仅关注图片的清晰度,还会确保图片看起来像真实世界中的图像,而不是AI生成(去 AI 味儿)。 https://huggingface.co/spaces/oha

AI 工具 第 136 期
Framer 插件社区

Framer 插件社区

Framer 近日推出了插件社区,汇集了多种扩展工具,增强了设计和开发体验。不少插件来自 Figma 生态。Framer 从最初的原型交互工具转型为集设计、交互、发布于一体的平台。如今,插件社区的上线进一步拓展功能,未来或有望成为更全面的 UI 设计工具,甚至可能取代现有工具。 https://www.framer.com/marketplace/plugi

效率工具 第 136 期
在线的待办事项工具

在线的待办事项工具

在线使用操作简单的待办事项列表,方便处理日常任务保持井井有条和高效。 https://letsfocus.today/

效率工具 第 136 期
Detachless – 网站设计 UI 组件库

Detachless – 网站设计 UI 组件库

免费 Figma UI 套件,包含设计 80 多个组件以及变体, 12 种类型的网站组件, 6 个真实网站设计图文件。 https://www.figma.com/community/file/1274817356720996014

组件与开发 第 136 期
Shadcn UI 的开源设计组件库

Shadcn UI 的开源设计组件库

Shadcn UI 是一个美观且易用的前端组件库,但没有对应的设计稿组件,所以 作者自己创建了他,并且开源了。 设计组件:https://www.figma.com/community/file/1426161867268046394 前端组件:https://ui.shadcn.com/

组件与开发 第 136 期
Bland UI 设计组件库

Bland UI 设计组件库

Figma 的 Bland UI 套件,此文件包含日常项目所需的组件。每个组件都是使用最新版本的自动布局、变量、组件道具、变体等创建的。 https://www.figma.com/community/file/1354188872568801069

组件与开发 第 136 期
MynaUI 免费开源图标库

MynaUI 免费开源图标库

1180 多个开源图标,线条和实线变体、SVG 24×24 像素、像素完美 1.5px 描边。 使用 Figma 制作并每个图标都添加了广泛的标签,方便搜索。 https://www.figma.com/community/file/1294009455322332728

组件与开发 第 136 期
Somno 元气睡眠 APP

Somno 元气睡眠 APP

Somno 元气睡眠,利用 Apple Watch 来追踪监测睡眠,来自常用的开源图标库 Remix Icon 团队 Remix Design 的第一款 APP,UI 设计很有特色,并且在 Figma 社区开放了插画设计文件。 目前刚刚发布,正在限时招募天使用户,天使用户除了早鸟价购买终身之外,还可以免费或以非常划算的价格购买 Remix Design 团队

效率工具 第 136 期
Notion 新功能 Notion AI

Notion 新功能 Notion AI

AI 功能单独计价每人每月8美元,深度和 Notion 结合,为此 Notion 还特意为 AI 设计了新的形象 https://www.notion.so/zh-cn/product/ai

AI 工具 第 134 期
App 图标灵感网站:Uiboy

App 图标灵感网站:Uiboy

快速找到好看的App图标灵感! 支持按关键词或字母搜索,也支持按颜色筛选,并且叠加搜索关键词来搜索 https://app.uiboy.com/

效率工具 第 134 期
AI 文生图工具:Svg.la

AI 文生图工具:Svg.la

使用文本描述生成 SVG 图案,可用作 logo 、图标、插画等用途,一键下载到本地 https://svg.la/zh/text-to-svg/

AI 工具 第 134 期
2024 云栖大会精彩回顾

2024 云栖大会精彩回顾

感谢阿里云的邀请前往参加云栖大会,今年云栖大会中展示了非常多 AI 相关的主题内容并通过主题演讲、圆桌讨论、互动演示和动手实践等多种形式,举办近400场并行话题和论坛。大会内容广泛,包括云计算、生成式人工智能(GenAI)、技术分享、产业实践,对内容感兴趣的小伙伴可以通过会议回放查看详细内容。 https://yunqi.aliyun.com/2024/

AI 工具 第 133 期
免费在线压缩工具:像素蒸发

免费在线压缩工具:像素蒸发

网页在线工具随开随用,支持图片格式的压缩以及格式转换,并且可以调整文件压缩的质量 https://moonvy.com/apps/PxEvapo/

效率工具 第 133 期
shadcn/ui 设计组件系统

shadcn/ui 设计组件系统

shadcn/ui 提供了一种不同于传统组件库的组件使用方式,它允许用户自由地复制和定制代码,而不是通过包管理器安装。这种方式为用户提供了更大的灵活性和控制权,适合需要高度定制化组件的场景。 网站:https://ui.shadcn.com/ Figma社区资源:https://www.figma.com/community/file/13427158408

组件与开发 第 133 期
SpectreVision 多组滚动条拼接的交互网页设计

SpectreVision 多组滚动条拼接的交互网页设计

SpectreVision 是一家专注于制作独立电影的公司,主要涉足惊悚、恐怖等类型的影片。他们致力于支持新兴的创作者和导演,打造具有独特艺术风格的作品。 https://www.spectrevision.com/

效率工具 第 132 期
使用 AI 自动整理文件工具

使用 AI 自动整理文件工具

Sparkle 使用 AI 创建独特的文件夹系统,并将每个新文件(以及所有旧文件)组织到正确的位置。它可以管理您的下载、桌面和文档文件夹,因此您无需手动操作。 https://makeitsparkle.co/

AI 工具 第 131 期
Midjourney 样式分享网站

Midjourney 样式分享网站

群里设计师创建的 Midjourney 风格网站,用来收集高质量 Sref Codes,展示示例图并且展示风格关键词,使用场景,以及示例提示词,作者称会持续更新 https://aiartsecret.com/

Midjourney 第 131 期
AI 自动为文件重命名

AI 自动为文件重命名

免费的 AI 重命名工具,识别文件内容为文件重命名 https://riffo.ai/online

AI 工具 第 130 期
免费矢量头像组件库

免费矢量头像组件库

包含变体组件,每个部位可以自行组合 https://www.figma.com/community/file/973666076795769237

组件与开发 第 130 期
漂亮渐变的 SVG 形状合集

漂亮渐变的 SVG 形状合集

网站包含 120 多种基本 SVG 形状的集合,每个都包含好看的渐变。只需单击一个形状即可将其 SVG 代码复制到剪贴板。 https://shapes.framer.website/

组件与开发 第 129 期
Midjourney 样式分享

Midjourney 样式分享

--sref 3102110963 --sw 500 --stylize 1000 --personalize 3xdy3qw https://x.com/ciguleva/status/1827398343779098720

Midjourney 第 129 期
AI 去掉背景程序

AI 去掉背景程序

Hugging Face 社区中的「去除背景程序」,支持自定义上传但是没看到处理之后的下载方式,去背景效果还是很好的 https://huggingface.co/spaces/not-lain/background-removal

AI 工具 第 128 期
数据可视化作品集

数据可视化作品集

作者提供的可视化资源库的一个作品集,包含三部分供大家参考 https://www.figma.com/community/file/1371675610786935581

作品集 第 128 期
Midjourney 质感可爱的样式分享

Midjourney 质感可爱的样式分享

--sref 680572301 --personalize kzilt9y --stylize 1000 再配合上你自己的主体内容的描述词,就可以得到图中的质感结果,作者来自 X 的@ciguleva

Midjourney 第 128 期
建站工具:Startup

建站工具:Startup

提供设计组件在线创建网站的工具,同类网站还有 Framer 以及国内即时设计开发的 AI 建站工具 Wegic 网站:https://designmodo.com/startup/ 组件素材:https://www.figma.com/community/file/778961842657921355

效率工具 第 127 期
Figma AI 文本插件:AI Text - Generated and filled in by GPT

Figma AI 文本插件:AI Text - Generated and filled in by GPT

一键生成占位文本内容,自动填充至文本框,更符合中文使用的 AI 生成插件,目前已支持通义千问、文心一言、腾讯混元的免费模型。提供测试用 Token,直接复制即可 https://www.figma.com/community/plugin/1396027544841366140/ai-text-generated-and-filled-in-by-gpt

AI 工具 第 127 期
Canva 收购了一家 AI 绘图产品 Leonardo AI

Canva 收购了一家 AI 绘图产品 Leonardo AI

Canva 宣布收购 AI 工具「Leonardo AI」提升 AI 部分的能力 https://x.com/canva/status/1818127114140541066

AI 工具 第 126 期
公开分享的设计

公开分享的设计

P.W (Public Work) 是一个公共领域内容的搜索引擎。探索来自MET、纽约公共图书馆和其他来源的100000+无版权图片。以无限画布的方式进行浏览 https://public.work/

效率工具 第 126 期
100 多个不同风格和构图的标志占位符

100 多个不同风格和构图的标志占位符

支持分享和下载 SVG 格式 https://logoipsum.com/

效率工具 第 126 期
免费 Figma 设计系统组件库

免费 Figma 设计系统组件库

Preline UI Figma 是 Figma 最大的免费设计系统,采用 Tailwind CSS 样式和 Preline UI 组件以及额外的顶级附加功能精心打造。组件均包含变量、变体、网格布局、自动布局、样式库等内容。 https://preline.co/figma.html

组件与开发 第 126 期
免费开源的视频下载工具

免费开源的视频下载工具

支持 Tiktok/X 等十几个平台的视频下载,使用方便 Github: https://github.com/imputnet/cobalt 在线使用:https://cobalt.tools/

组件与开发 第 126 期
小宇宙 AI 搜索工具:问问小宇宙

小宇宙 AI 搜索工具:问问小宇宙

基于 AI 的搜索工具,通过搜索可以推荐相关内容的播客 https://ask.xiaoyuzhoufm.com/

AI 工具 第 125 期
本地 AI 抠图工具:鲜艺 AI 抠图

本地 AI 抠图工具:鲜艺 AI 抠图

不用联网,本地抠图工具适合批量抠图时使用 https://kt.94xy.com/

AI 工具 第 125 期
Logo 数据库:Logo database

Logo 数据库:Logo database

收录 3600+ Logo 数据,支持搜索、复制下载 SVG、JSX 格式 LOGO 文件 https://www.fey.com/marketing/logos

组件与开发 第 125 期
Midjourney 30条实用风格分享

Midjourney 30条实用风格分享

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

Midjourney 第 125 期
将网站转换为 PDF 文件:site2pdf

将网站转换为 PDF 文件:site2pdf

此工具生成一个 PDF 文件,其中包含网站主页和与提供的 URL 模式匹配的所有子页面。适合基于 AI 的检索增强生成 (RAG) 和问答 (QA) 任务 https://github.com/laiso/site2pdf

AI 工具 第 125 期
设计纠错插件:Design Lint

设计纠错插件:Design Lint

Design Lint 是一款设计纠错插件,能够自动识别并修正设计中的样式问题,简化了设计系统的错误检测和修正流程。 https://www.figma.com/community/plugin/801195587640428208/design-lint

效率工具 第 124 期
后台程序 UI 设计库:Snow Dashboard UI Kit

后台程序 UI 设计库:Snow Dashboard UI Kit

提供了简洁的设计规则、风格和组件以及页面布局,使你能够根据业务需求定制页面。 https://www.figma.com/community/file/1168811417705255214

组件与开发 第 124 期
数据可视化图表组件文件

数据可视化图表组件文件

文件中提供了图表、坐标轴、图形、装饰、背景、颜色样式等丰富的数据图表相关的内容。 https://www.figma.com/community/file/1370696783883454570

组件与开发 第 124 期
Figam 插件作者的个人网站

Figam 插件作者的个人网站

Figma 混合效果插件 BlendingMe 也是该作者开发的。 https://anashk.in/

效率工具 第 124 期
来自 NextUI 团队,设计系统开源平台:zigma

来自 NextUI 团队,设计系统开源平台:zigma

项目还未开放,可以通过链接加入候补名单。 https://zigma.io/

组件与开发 第 124 期
个性化地图编辑服务

个性化地图编辑服务

通过个性化地图编辑平台,可以按照自己的地图风格喜好或业务场景需求,配置个性化地图样式,生成您的"专属地图"。 百度地图开放平台:https://lbsyun.baidu.com/index.php?title=open/custom 高德开放平台:https://geohub.amap.com/mapstyle/index 腾讯地图:https://lbs.

AI 工具 第 123 期
开源且免费的 Emoji :OpenMoji 15.0.0

开源且免费的 Emoji :OpenMoji 15.0.0

为设计师、开发人员和其他所有人提供开源表情符号!OpenMoji 是一个开源项目,由 HfG Schwäbisch Gmünd的 80 多名学生和 2 名教授以及许多外部贡献者共同参与,所有表情符号均可根据 CC BY-SA 4.0 许可免费使用。 https://openmoji.org/

组件与开发 第 123 期
实用的 CSS 网格渐变的在线工具

实用的 CSS 网格渐变的在线工具

帮助设计师和开发者在他们的网页设计或开发项目中使用和创建 CSS 网格渐变效果的资源网站。免费提供了一系列的纯 CSS 网格渐变,支持一键复制代码 https://www.mshr.app/

组件与开发 第 122 期
带变量的自动布局图表插件:i Chart-AutoLayout Chart with variables

带变量的自动布局图表插件:i Chart-AutoLayout Chart with variables

这应该是目前唯一支持变量和自定义柱条图形的图表插件。支持变量、支持更多的柱条样式和自定义柱条样式、支持上传和保存你的常用字段、支持从已创建的图表中获取并回填数据和配置。 https://www.figma.com/community/plugin/1370606842652257742/i-chart-autolayout-chart-with-variab

效率工具 第 122 期
Raycast 开源工具集:ray.so

Raycast 开源工具集:ray.so

Github:https://github.com/raycast/ray-so 网站:https://ray.so/

组件与开发 第 122 期
免费的头像库

免费的头像库

这是一个开源免费的项目,可以为你的用户添加免费的预设头像,同时该项目也有 Figma 插件,在设计环节也可以快速插入头像资源。 网站:https://alohe.github.io/avatars/ 插件:https://www.figma.com/community/plugin/1259189280245319471/avatars

组件与开发 第 122 期
Shadcn UI 的设计组件库

Shadcn UI 的设计组件库

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

组件与开发 第 122 期
Apple 健康 APP 设计文件

Apple 健康 APP 设计文件

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

效率工具 第 122 期
网页设计欣赏

网页设计欣赏

设计工作室的官网,擅长在网页设计中使用 3D 元素。 https://sigmasoftware.design/

灵感 第 122 期
将您的照片变成《哈利波特》的《预言家日报》

将您的照片变成《哈利波特》的《预言家日报》

ComfyDaily 是一种以霍格沃兹风格生成实时肖像的工作流程,网站介绍了使用到的模型以及 LoRA https://openart.ai/workflows/ladybird_musty_24/comfy-daily-transfer-your-photo-to-harrypotters-the-daily-prophet/ldRWCYitMC07FOD

AI 工具 第 122 期
小部件设计组件文件

小部件设计组件文件

https://www.figma.com/community/file/1236725067964391035/widgets-graphs-cards-products

组件与开发 第 121 期
Diffutoon:通过扩散模型实现的高分辨率可编辑卡通着色

Diffutoon:通过扩散模型实现的高分辨率可编辑卡通着色

在是一种出色的卡通着色方法,旨在将逼真的视频转换为动漫风格。它可以处理极高的分辨率和快速动作。 论文:https://arxiv.org/abs/2401.16224 模型:https://github.com/modelscope/DiffSynth-Studio/tree/main/examples/Diffutoon Github:https://gi

AI 工具 第 120 期
AI 在线建站工具:Wegic

AI 在线建站工具:Wegic

使用人工智能技术的在线建站工具 Wegic,用户只需输入简单的描述,即可自动生成个性化网站。它支持用户进行二次编辑和局部调整,非常适合创建设计作品展示、产品介绍等需要网络展示的内容。该产品是国内「即时设计」团队研发的。 https://wegic.ai/

AI 工具 第 119 期
呼唤灵感 calltoinspiration 分门别类的设计案例

呼唤灵感 calltoinspiration 分门别类的设计案例

calltoinspiration 是一个专注于为用户体验(UX)设计师和开发者提供灵感和创意的网站,分门别类的提供了各种设计案例 https://calltoinspiration.com/

灵感 第 118 期
AI 生成插件:Fast Canvas AI

AI 生成插件:Fast Canvas AI

在 Figma 中可以使用 Fast Canvas AI 插件生成图标、背景等图案素材 https://www.figma.com/community/plugin/1334452585172921151/fast-canvas-ai

AI 工具 第 117 期
新网盘工具:WOC

新网盘工具:WOC

免费版可以上传 2 GB内容,下载也不限速不需要登录,免费版分享链接有效期7天 https://woc.space/

效率工具 第 117 期
优秀网页设计欣赏

优秀网页设计欣赏

Noomo Labs 是一个展示创意和技术结合的网站,专注于互动和沉浸式数字体验。 https://labs.noomoagency.com/

灵感 第 117 期
UCDChina 新 AI 产品:UCDarts

UCDChina 新 AI 产品:UCDarts

UCDarts 是一个系列产品的名字,大概就是用 AI 自动生成产品所需要的设计风格、用户界面和代码。目前的规划中包括 UCD-zero、UCD-one、UCD-two、UCD-two Pro、UCD-three,和UCD-chat,还有一个AI设计专家“UCD-ai” 2024年5月19日,我们开始内测 UCD-one,公测 UCD-ai。 UCD-ai

AI 工具 第 116 期
Midjourney 小技巧

Midjourney 小技巧

相同提示词,不同的 SREF 代码,不同的样式权重。 https://x.com/ciguleva/status/1794593677228314795

Midjourney 第 116 期
使用 AI 生成 UI 工具:v0

使用 AI 生成 UI 工具:v0

根据描述生成 UI 界面,可以看到一个设计版本的历史版本并且支持复制代码导出。 https://v0.dev/

AI 工具 第 115 期
日活计算器:DAU Calculator

日活计算器:DAU Calculator

产品经理工作中经常需要通过提升留存、新增这些指标,来达成 DAU(Daily Active Users 一天用户总活跃数) 目标。因此也少不了测算 DAU 的增长趋势。只要在这个网页输入几个关键数值,就可以帮你预测 DAug 和实时画曲线图。 推荐人:龙爪槐守望者 https://ethonlau.github.io/dau-calculator/

AI 工具 第 115 期
在 Figma 中插入应用图标插件:Logo Hunter for Apple Store

在 Figma 中插入应用图标插件:Logo Hunter for Apple Store

设计过程中需要使用应用图标就不用再到其他软件里保存了,打开插件搜索即可,之前还有个类似场景的还有「Any App Finder」也很好用。 https://www.figma.com/community/plugin/1365349580836615037/logo-hunter-for-apple-store

效率工具 第 114 期
在线随机头像生成器

在线随机头像生成器

随机生成一个被小学生嫌弃大学生觉得刚刚好的头像,可以下载 PNG 到本地 体验地址:https://txstc55.github.io/ugly-avatar/ 项目地址:https://github.com/txstc55/ugly-avatar 本期周刊封面来自 https://twitter.com/reijowrites

组件与开发 第 114 期

网页设计灵感合集

假期归来,先从设计灵感开始找找感觉,这些网站都收录了好看的网站设计案例

灵感 第 113 期
AI 视频剪辑工具:Captions

AI 视频剪辑工具:Captions

Captions 是一个 AI 视频剪辑工具,通过自动化的 AI 功能帮助用户简化视频和音频内容的创作过程。 https://www.captions.ai/

AI 工具 第 111 期
AI 音乐生成工具:Udio

AI 音乐生成工具:Udio

根据提示词和音乐类型描述生成歌曲,从社区中可以听到其他人的创作,还有之前推荐的 Suno 都是同类型 AI 工具。个人觉得英文音乐 Udio 比 Suno 好一些,有兴趣的可以试试。 https://www.udio.com/

AI 工具 第 110 期
1.LOGO 设计灵感网站

1.LOGO 设计灵感网站

LOGO 设计灵感,有真实案例有设计师分享的案例 https://logosystem.co/

灵感 第 110 期
2.LOGO 灵感网站

2.LOGO 灵感网站

采集展示来自真实公司徽标 LOGO 示例,可以通过类型筛选。 https://www.logofav.com/

灵感 第 110 期
网页设计欣赏

网页设计欣赏

这是一个 AI 工具类网站,该网站设计精细,交互流畅有很多细节 投稿人:Witto https://harness-next.vercel.app/

灵感 第 110 期
Midjourney 在国内的品牌「悠船」

Midjourney 在国内的品牌「悠船」

Midjourney 在国内的品牌「悠船」,悠船需要下载客户端使用,交互方式和 Midjourney 网页版基本完全一致,生成效果同提示词效果也相同,不过有部分功能的更新会比 Midjourney 略慢,悠船有免费的使用额度,有兴趣的可以申请注册。 https://www.youchuanai.com/

Midjourney 第 108 期
在浏览器实时预览颜色工具:Tailwind_colors

在浏览器实时预览颜色工具:Tailwind_colors

输入或者选择色值就可以实时看到颜色相关的组件,并直观看到使用效果 投稿人:Summer_夏沫汐 https://sinqi.tools/zh/tailwind_colors

AI 工具 第 108 期
AI 生成音乐的产品:Suno

AI 生成音乐的产品:Suno

Suno是一款热门的AI音乐生成工具,用户通过输入提示词即可创作音乐。平台上有丰富的示例和社区作品可供欣赏。我尝试后发现,它能快速生成高质量音乐,非常惊艳。如果你对音乐创作感兴趣,Suno绝对值得一试 🎵 https://suno.ai/

AI 工具 第 107 期
月之暗面的 KiMi 开放使用

月之暗面的 KiMi 开放使用

月之暗面科技有限公司开发的多语言人工智能助手。擅长中英文对话,能够帮助用户获取信息、解答疑问,并在多种文件格式和网络内容中提供支持。 擅长中文、英文语言交流能力; 擅长阅读和理解用户上传的多种文件格式(如TXT、PDF、Word文档、PPT幻灯片、Excel电子表格等),并根据文件内容回答用户的问题; 擅长网络内容解析:当用户提供网址或链接,能够解析网页内容

AI 工具 第 107 期
Google 2024 Google I/O 开发者大会

Google 2024 Google I/O 开发者大会

Google 宣布今年的 Google I/O 开发者大会将于5月14日举行。作为科技界的重要盛事,吸引了众多开发者和科技爱好者的关注。大会网页已建立:https://io.google/2024/ 本次大会预计将聚焦人工智能(AI)和 Android 15 的最新消息。另外,可能会发布 Pixel 8a 等新产品。 大会有个小游戏 https://io.g

组件与开发 第 106 期
专为 iPad 设计的 AI 实时绘图应用:Muse Pro

专为 iPad 设计的 AI 实时绘图应用:Muse Pro

Muse Pro 是专为 iPad 设计的 AI 实时绘图应用,商业化了 AI 实时绘图。它可以实时绘画,每一笔都即时转化为数字画面,提升创作的直观性和互动性。同时,它能快速增强和放大图像,提高效果和分辨率,其主要特色包括: https://www.musepro.app/

AI 工具 第 106 期
AI 建站工具:durable

AI 建站工具:durable

使用人工智能,为你建立一个网站 https://durable.co/

AI 工具 第 105 期
将二维码转为「矢量格式」

将二维码转为「矢量格式」

群里的设计师使用 GPT 辅助开发的将二维码图片转成矢量格式的小工具,支持颜色重置下载 SVG 格式 https://qrcode.rainforest.org.cn/ 另外作者还开发了个 条形码生成工具

AI 工具 第 104 期
极简风格交互式组件网站

极简风格交互式组件网站

迪特·拉姆斯 (Dieter Rams) 的极简工业设计风格,作者使用 Framer 进行创作,每个都设计组件都有声音和交互 https://drams.framer.website/

组件与开发 第 104 期
Stable Diffusion 可以生成透明的 PNG 图片了

Stable Diffusion 可以生成透明的 PNG 图片了

用 SD 直接生成透明的 PNG 图片,也可以直接生成带有透明度分层的图片,LayerDiffusion 使得大型已经过预训练的潜在扩散模型(latent diffusion model)能够创造透明图像。这项技术不仅可以生成单独的透明图像,还能生成多层透明图层。 https://m.okjike.com/originalPosts/65ded5f85dda

AI 工具 第 104 期
OpenAI 的 Sora 模型

OpenAI 的 Sora 模型

AI 视频时代,OpenAI 推出了 Sora ,这是一个文本转视频模型。 Sora 可以创建长达 60 秒的视频,其中包含高度详细的场景、复杂的摄像机运动以及充满活力的情感的多个角色。 https://openai.com/sora

AI 工具 第 102 期
AI 生成 UI 工具:Galileo AI

AI 生成 UI 工具:Galileo AI

通过文字描述生成 UI 设计图,可实现轻松快速的设计构思。 https://www.usegalileo.ai/explore

AI 工具 第 102 期
AI 工具导航站

AI 工具导航站

已收录 9681 个 AI 工具和 233 个分类的 AI 工具导航站。列表通过 ChatGPT 每天自动更新。 https://www.toolify.ai/zh/

AI 工具 第 102 期
归藏的 AI Niji V6 提示词分享

归藏的 AI Niji V6 提示词分享

一套 Niji 提示词,Niji V6 挺有意思的,--s 的值和是否开 Raw 格式对画面风格和生成内容的影响非常大,感兴趣可以自己改一下提示词的参数看看。 提示词的服装和人物特征部分都可以随便改,杂志和背景的部分不改就行。 提示词:k-pop girl, beautiful face, chubby, cyan hue, barcode, belt, b

AI 工具 第 102 期
有关龙的 AI 提示词

有关龙的 AI 提示词

https://twitter.com/op7418/status/1753455871810797686 https://twitter.com/op7418/status/1752728690130379046 最后提前祝大家 2024 新春快乐,下周停更一周,我们来年再见ヾ( ̄▽ ̄)Bye~Bye~ 2024 Moonvy 月维限量红包封面

AI 工具 第 101 期
20个免费的网站设计组件

20个免费的网站设计组件

暗色线性风格网站官网设计组件,暗色主题风格 https://www.figma.com/community/file/1332091610740792452

组件与开发 第 100 期
CSS 聚光灯技巧

CSS 聚光灯技巧

可以轻松地将聚光灯延伸到元素上,固定值拉伸背景图像并将其固定到视口。固定后,它不再随元素移动! 要如何成为焦点?最简单的方法是径向渐变 https://twitter.com/jh3yy/status/1750019768302911829

组件与开发 第 100 期
诺基亚 3310 的怀旧网站

诺基亚 3310 的怀旧网站

像素化的屏幕效果和故事讲述,网站由 Karina Makarova 使用 Tilda(无代码平台)设计 https://legendary3310.tilda.ws/

组件与开发 第 100 期

共 445 条

内容整理自 Moonvy《设计素材周刊》,版权归原作者所有