111 个您一定会喜欢的精彩资源 💖 Hello Devs 👋

2025-05-26

111 个你一定会喜欢的精彩资源💖

你好，开发者👋

你好，开发者👋

我是 Savio。我是一名年轻的开发者，立志成为一名成功的 Web 开发者。我喜欢用 React 构建 Web 应用。我已经证明了自己在前端技术方面的卓越能力。

今天，我将分享 100 多个超级惊人的资源，每个开发人员肯定都会喜欢💖我希望你会喜欢这篇文章。

3 个 UX/UI 设计系统助您获得灵感

每个 UX/UI 设计师都应该知道的 3 个工具

  • 📒 Notion - 是一个用于组织笔记、项目和任务的一体化工作区

  • 🎸 Figma - 是一款用于创建模型、设计系统和原型的多人界面设计工具⁣

  • ⭐️ Miro - 是一个实时白板，用于与团队成员收集研究和构思⁣

激发每个 UX/UI 设计师灵感的 3D 网站⁣

  • 🍻 Protopie.com - 通过 3D 视频和精彩的滚动动画更上一层楼

  • ♻️ Pitch.com - 开创了 3D 运动，他们的角色非常友好，在他们的网站和产品中都有体现。⁣

  • 💯 kukla-kit.com - 是 Figma 项目的 3D 库

适合每个 UX/UI 设计师的 3 个 Chrome 扩展程序⁣

  • ⌨️ Font Ninja可让您检查和标记字体和任何网页⁣

  • 💻 Go Full Page截取任何网页的整页截图⁣

  • 🔥 Loom让你可以直接在 Chrome 中录制视频

UX/UI 设计师的 3 个插图库⁣

  • 🌈 Absurd.Design为个性产品提供富有表现力的插图⁣

  • 🥰 Blush.design汇集了来自世界各地艺术家的众多角色⁣

  • 🌟哎哟！ ——拥有一个全面的可搜索插图库

UX/UI 设计师的 3 个排版工具⁣

  • 🍭 Fontjoy.com只需单击一下即可通过对比度滑块生成字体配对⁣

  • 🍟 app.typeanything.io让你可以在浏览器中实时尝试字体搭配、大小、间距和粗细。

  • 🎨 Font Base是一款免费的字体管理器，可以访问适用于 Mac 和 Windows 的 Google 字体

UX/UI 设计师的 3 种颜色工具⁣

  • 🎹 picular.co根据关键词生成颜色⁣

  • 🚆 Coolhue是 Figma 和 Sketch 的渐变插件⁣

  • 🚀 Eva使用 AI 根据您的品牌颜色生成反馈颜色

UX/UI 设计师的 3 个用户测试工具⁣

  • 🎉Maze.design非常适合运行无主持测试，因为它可以与您现有的原型设计工作流程顺利集成

  • ✨Lookback.io非常适合与用户一起对您的产品进行有主持的可用性测试⁣

  • 🤙 Usertesting.com是一款方便整个团队使用的测试工具

3 个适用于 UX/UI 设计师的 3D 库⁣

UX/UI 设计师的 3 个原型设计工具

  • 💫 Figma让你在设计时轻松创建原型⁣

  • 🍿 Framer拥有丰富的概念和教程库，可帮助您学习如何制作原型

  • 🤯 Protopie帮助您使用原生元素创建令人惊叹的原型

UX/UI 设计师获取灵感的 3 个网站⁣

  • 📱 mobbin.design是精心挑选的最新移动设计模式集合⁣

  • 💼 Land-Book.com是获取落地页和作品集灵感的好地方⁣

  • 🏀 Dribbble非常适合概念思维和实验设计

UX/UI 设计师的 3 个生产力工具⁣

  • 🏃‍♂️ Notion非常适合组织你的每周任务和设计团队 wiki⁣

  • 🍅 Tomato 2是一款超级应用程序，可以遵循番茄工作法并管理你的时间⁣

  • 📅 Calendly帮助您组织会议，无需来回发送电子邮件。

UX/UI 设计师的 3 个辅助功能工具⁣

  • 🎨colorable.jxnblk.com - Colorable是一款用于生成可访问调色板的出色工具⁣

  • 💯 getstark.co - Stark 是一款超级 Figma、XD、Sketch 插件，可在您的设计中实时运行对比度和色盲测试⁣

  • 🌊 Wave是一款出色的 chrome 扩展程序，可用于在您的网站实时运行可访问性评估。

3 个免费 UX/UI 设计师专用图像库⁣

  • 🎥 pexels.com - Pexels 是一个免费图片和视频的超级资源

  • 🌍 unsplash.com - Unsplash 拥有强大的搜索、过滤和来自世界各地的收藏

  • ✌️ Reshot.com - Reshot 是另一个超级图像资源，拥有精心挑选的、非粘性图像。

UX/UI 设计师的 3 个字体资源⁣

  • ⚡️ Google 字体有超过 1000 种可搜索的字体，按类型分类。⁣

  • 📦Open Foundry是精选开源字体的超级资源⁣

  • 🐺 Typewolf非常适合学习字体和字体配对。

UX/UI 设计师的 3 个作品集工具⁣

  • ⚡️ Super.so可以快速轻松地将您的 Notion 文档转换为在线作品集⁣

  • 🖥 Webflow.com可让您直接在浏览器中跨多种设备设计您的作品集⁣

  • 🖊 Grammarly.com修复您的语法错误，帮助您撰写更好的案例研究

3 个面向 UX/UI 设计师的无代码工具⁣

  • ⚡️ Webflow是最好的无代码网站构建器，具有出色的交互

  • 🍬 Bubble是一款无需代码即可构建 Web 应用程序的绝佳工具⁣

  • 💵 MemberStack是一款适用于任何网站的无代码会员工具

3 个面向 UX/UI 设计师的 UX 写作资源

  • ✍️ dailyuxwriting.com有超级指南来提升你的写作水平⁣

  • 🤙 Uxlibrary.org通过超级 UX 写作博客链接定义 UX 写作的价值⁣

  • 📖 uxplanet.org是一本很棒的用户体验 (UX) 写手手册

3 个适用于 UX/UI 设计师的 Figma 插件

  • ↪️自动流允许您整齐地绘制框架之间的流程⁣

  • 👀 Color-Palettes字体选择器可让您在选择字体之前查看字体

  • 📸 Unsplash非常适合为你的设计添加精美的图片

UX/UI 设计师的 3 个颜色渐变工具⁣

  • 👀 webgradients.com有 180 种超棒的渐变色，可全屏预览

  • 💪 coolors.co有一个超级渐变制作器，可以在径向和线性之间轻松切换⁣

  • ⚡️ uigradients.com是一个超级资源，可以通过简洁的全屏切换来获取无限的渐变

3 个面向 UX/UI 设计师的用户流库⁣

  • 📱 uxarchive.com拥有来自顶级移动应用程序的超级用户流程库⁣

  • ⚡️ Mobbin.design是您可以在设备上点击的最大的用户体验库⁣

  • 🍿 pageflows.com是一个很棒的用户流库，包含网页和移动应用程序

3 个适用于 UX/UI 设计师的图标库⁣

  • 💡 Ikonate.com是一个超级可自定义图标库，您可以在黑暗模式下预览⁣

  • ⚡️ Useanimations.com是一个很棒的动画图标库⁣

  • 👀 Streamline.to是一款图标应用程序和插件，拥有超过 30,000 个图标可供使用

面向 UX/UI 设计师的 3 款 AI 驱动工具⁣

  • 🎨 Khroma.co是一款基于您喜欢的颜色的 AI 调色板生成器⁣

  • ✏️ UIzard.io是一款 AI 工具，可以将您的草图转换为模型⁣

  • 📸 remove.bg是一款 AI 工具，可以去除图像中的任何背景

UX/UI 设计师的 3 个调色板工具⁣

  • 😁 happyhues.co是一款调色板工具，可让您在上下文中查看精选颜色⁣

  • 🌈 colorinspo.com让你根据色彩理论生成调色板⁣

  • ⚡️ Colors.muz.li是一个带有实时 UI 工具包演示的调色板生成器

UX/UI 设计师的 3 种 Zoom 替代方案

  • 🇳🇴 Whereby.com是一款简洁的视频会议工具，由挪威安全友好的团队打造

  • 💭 Vowel.com是一款视频会议工具，可帮助您主持、计划和记录会议⁣

  • 📈 Macro.io是 Zoom 的界面工具，可让您可视化会议讨论

UX/UI 设计师的 3 款白板工具⁣

  • 🕹 Invision 的Freehand是一款快速且易于使用的白板工具⁣

  • ⚡️ Miro是一款超级工具，拥有大量方便的模板，可帮助您启动白板工作⁣

  • 🎨 Mural是一款很棒的白板工具，可以与你的团队一起使用⁣

UX/UI 设计师的 3 个网格扩展

  • 📏页面标尺非常适合定义组件之间的间距

  • 🎾Baseliner是一款超级网格扩展，用于将基线应用到您的设计中⁣

  • 🎹网格覆盖非常适合将网格系统直接应用到任何页面

3 个适用于 UX/UI 设计师的出色 AI 工具⁣

  • 🎨tailwind.ink是一款超棒的 AI 色调生成器⁣

  • 🔥 visualeyes.design是一款适用于设计的 AI 热图生成器⁣

  • ✂️ Clipdrop是一款超级 AR 复制粘贴工具，可用于将图像、对象和文​​本添加到您的设计中

3 个大型设计系统激发 UX/UI 设计师的灵感⁣

  • ✅ Atlassian.design拥有庞大的设计系统，并配有完善的可访问性检查⁣

  • 👀 buffer拥有庞大的设计系统，每个组件都有超级指南⁣

  • 🌔 IBM 的Carbon 设计系统可在明暗主题下运行

3 个超级有趣的 UX/UI 设计师排版工具⁣

  • 💻wordmark是一款超级工具，可以预览计算机上的每种字体⁣

  • 🎉 Prototypo是一款用于创建您自己的字体的超级工具

  • 💯 kerntype是一款帮助你学习如何学习字体的游戏

3 个面向 UX/UI 设计师的设备模型生成器⁣

  • 💻 previewed.app是一款跨设备的超级 2D 和 3D 设备模型生成器⁣

  • 🤯 threed.io是一款很棒的 3D 模型生成器，可直接在浏览器中使用

  • ⚡️ Rotato是一款超级动画模型生成器

3 个面向 UX/UI 设计师的动画图标库⁣

UX/UI 设计师的 3 款超级分析工具⁣

  • 👏 useFathom.com是一款超级简单且可视化的产品分析工具⁣

  • 🤩 Plausible.io是另一个很棒的分析工具，具有简洁的用户界面

  • ⚡️ Useberry.com非常适合直接在原型上获取分析数据

UX/UI 设计师的 3 款超级生产力工具⁣

  • 🏡 meetsidekick.com是一款超级浏览器，它能为您的应用提供归宿，让您不再需要杂乱的标签

  • ✅ getslash.co是一个很棒的工具，可以帮助你完成你的待办事项清单⁣

  • 📧 hey.com是一款超级工具，让电子邮件变得有趣且易于管理

3 个面向 UX/UI 设计师的角色插图库⁣

  • 👖 Humaaans是一个很棒的人物插图库，你可以混合搭配⁣

  • 🏔 control.rocks是一个超级插画库，里面有大量的人物和场景⁣

  • 🍉 struct.rocks是一个基于形状的超级有趣的角色插图库

3 个激发 UX/UI 设计师灵感的代理网站⁣

  • 🦵🏼Toyfight.co用幽默来展示小团队的价值⁣

  • 🐻‍Hellomonday.com使用俏皮的角色来展示其机构的多样性⁣

  • 🧑‍🚀 majortom.com使用滚动动画来展示他们的迭代

UI/UX 设计师必读的 3 本书

👀 总结

好了，就到这里。希望你喜欢这些精彩的资源，并对本文感到满意。欢迎分享你的反馈。我的推特账号是@saviomartin7。快来关注我吧！

你还知道更多吗？请在评论区留言吧！

🌎 让我们联系

文章来源：https://dev.to/saviomartin/111-amazing-resources-you-re-gonna-love-13fh
Devto 翻译
PREV
UI/UX 设计师必备的 16 个 Figma 插件
NEXT
使用 WebSocket 构建多人游戏 - 第 1 部分