在设计网站、App、组件或用户流程时，有一种情况非常常见：一个页面看起来似乎没什么问题，但真正上线以后，总会发现漏掉一些细节。
比如：
- 输入框有没有考虑错误状态？
- 密码重置失败之后怎么提示？
- 删除账号前要不要二次确认？
- 上传文件过程中用户能不能取消？
- 空列表应该显示什么？
- Loading、Disabled、Error、Success 状态是不是都设计了？
- 用户取消订阅时，要不要解释取消后会发生什么？
- 表单提交失败后，之前填写的内容会不会丢失？
这些问题单独看都很小，却恰恰决定了一个产品究竟是“做出了几个漂亮页面”，还是形成了真正完整的用户体验。
Checklist Design 就是一个专门解决这类问题的网站。它把大量 UI、UX、网页、组件和用户流程设计经验，整理成了一份份可以直接照着检查的清单。
Checklist Design：https://www.checklist.design/
Checklist Design 的核心理念很简单：把“直觉”变成“可检查的列表”，减少因遗漏细节导致的返工和体验问题。
Checklist Design 把大量 UI/UX 检查清单整理成一个可浏览、可搜索的网站，覆盖：
- Website（网站页面）：安全、购物车、关于页、隐私政策等
- Mobile App（移动应用）：手势导航、启动页、结账流程等
- Web App（Web 应用）：用户管理、通知设置、2FA 等
- Design System（设计系统）：抽屉、字体、无障碍、下拉菜单等
- Flows（用户流程）：加入购物车、上传媒体、取消订阅、重置密码、提交表单等
目前已有超过 100 个检查清单（官网显示约 112 个）。每个清单都列出关键检查项，帮助你系统性地确认“该有的都有了，容易忘的也考虑到了”。
官网还提供 Figma 插件，支持 AI 驱动的设计审查：直接在 Figma 里对屏幕做 UX/UI 质量检查，快速指出做得好的地方、缺失的细节和可改进的点。对于日常设计工作来说，这比纯静态清单更实用。
为什么值得收藏？
- 覆盖面广：从具体组件到完整流程，从移动端到设计系统，几乎涵盖日常产品设计的主要场景。
- 实用优先：不是抽象原则，而是可直接对照的检查项。
- 持续更新：支持邮件订阅新清单通知。
- 与设计工具打通：Figma 插件让检查清单真正进入工作流，而不是停留在浏览器收藏夹。
适合独立设计师、产品团队、设计系统维护者，以及任何希望在交付前做最后“质量把关”的人。
Checklist 在 Vibe Coding 时代的价值
在 Vibe Coding 时代，AI 赋予了我们前所未有的构建速度——提示词一出，界面与逻辑瞬间落地。然而，这种“凭感觉”的高效往往伴随着隐患：边界条件被忽略，错误状态、无障碍支持和系统一致性等隐性细节，很容易在极速推演中被冲刷殆尽。
在这种高速迭代的环境下，Checklist 的价值反而愈发凸显。它绝非拖慢节奏的繁琐流程，而是一张极低成本的安全网。AI 负责提速与生成，Checklist 负责兜底与把关。 两者结合，才能将“写得快”转化为真正的“上线稳”。在人机协作日益深度的今天，一份清晰严谨的检查清单，正是保持专业判断力与工程交付质量的关键所在。
类似 Checklist Design的设计类Checklist 资源：
Design System Checklist：https://www.designsystemchecklist.com/ 设计系统检查清单
The A11y Project Checklist：https://www.a11yproject.com/checklist/ 无障碍（Accessibility）检查清单
Accessibility Not-Checklist（Intopia）：https://not-checklist.intopia.digital/ 无障碍检查清单
UX Project Checklist：https://uxchecklist.github.io/ 从整个 UX 项目流程出发的检查清单
Smashing Magazine UX Checklists：https://www.smashingmagazine.com/2022/09/ux-checklists-for-interface-designers/