在过去的几年里，我一直在收集各种 UI 设计和前端开发相关的优质网站和工具。
作为一名既做设计又写代码的产品设计师，在日常工作中经常需要寻找各种资源，比如：
- UI 灵感网站
- 设计工具
- 图标库
- UI 组件库
- 颜色和渐变工具
- 插画和素材
- 无代码工具
- 以及各种提高效率的资源
一开始，我把这些网站保存得到处都是：
- 一部分在 Notion
- 一部分在浏览器书签
- 一些在社交媒体
- 还有一些在 Google Keep
结果就是：所有资源都非常分散，很难管理和查找。
于是我决定做一件事情：
把这些资源整理起来，并发布在一个网站上。
这个网站叫：
FinalUI 👉 finalui.com
它的名字含义是：
“最终的 UI 资源库” —— 一个为产品设计师和前端开发者整理的工具集合。
这个网站主要收录 设计和 UI 开发相关的高质量资源，所有资源都经过筛选和分类整理，方便快速查找。
网站包含的资源分类
目前网站包含多个分类，例如：
🎨 设计灵感 (Inspiration)
收集优秀的网站和 UI 设计案例，用于获取设计灵感。
🧰 设计工具 (Design Tools)
各种在线设计工具、UI 工具和效率工具。
🧩 Figma Design Systems
高质量的 Figma 设计系统和 UI Kit。
💻 UI 组件库 (Coded UI Components)
适用于 React、HTML、CSS 等前端开发的 UI 组件库。
🎯 Icon 图标库
各种免费或付费的图标资源。
🌈 颜色工具 & 渐变 (Color Tools & Gradients)
帮助设计配色和生成渐变背景的工具。
🖼 插画与图形资源 (Illustrations & Graphics)
适用于网站和 App 的插画素材。
📷 Stock 图片
免费的高质量图片素材库。
🧱 Website Builders / No-code
无需编写代码即可创建网站的工具。
📝 Form Builders
在线表单构建工具。
📈 Marketing & UX 工具
用于用户研究、数据分析和产品增长的工具。
总结
如果你是设计师或前端开发者，建议收藏这个网站：
从现在开始，你不需要再到处搜索资源，只需要访问 FinalUI，就可以浏览整理好的工具和资源列表。
