Checklist Design(checklist.design)是一个界面设计检查清单网站:它把设计一个页面、组件或完整流程时容易遗漏的细节整理成清单,让设计师在交付前逐项核对,而不是依赖记忆。截至 2026-09-21,站点收录 129 份清单,分为 Website、Web App、Design System、Mobile、Flows 五个分类,全部免费阅读、无需注册。除网页版外,同一套清单还通过 Figma 插件(含 AI 评审)和以 MIT 协议开源的 AI Agent Skill 提供。

Checklist Design 首页,按 Mobile app、Web app、Website、Design system、Flows 五个分类展示清单入口

站点速览

  • 网址:https://www.checklist.design/
  • 类型:设计检查清单库 / 设计参考
  • 费用:网页清单免费、无付费墙;Figma 插件的 AI 评审有免费额度,超出后需购买 credit pack
  • 注册要求:浏览和勾选清单无需账号;勾选进度仅保存在浏览器本地
  • 界面语言:仅英文
  • 内容规模:129 份清单、5 个分类(截至 2026-09-21,见 Browse 页分类计数)

站点背景

Checklist Design 由设计师 George Hatzis 创建——网站页脚标注 "Created by George Hatzis" 并链接到其个人网站,他的 LinkedIn 资料显示其为独立产品设计负责人,此前在澳大利亚健康科技公司 Eucalyptus 任职。

他在站点的 About 页自述了起源:在不同项目间切换时,他总会遗漏一些自己其实知道的体验细节,于是把每个屏幕最关键的要点写成清单、每次重访时逐项勾选,确认有效后便做了更多并公开分享。这篇自述引用了 Atul Gawande《清单宣言》(The Checklist Manifesto)中"好清单只提醒最关键、连高手也可能漏掉的步骤"的观点;同一故事也被 Smashing Magazine 2022 年 9 月的 UX 清单综述转载。需要注意的是,该 About 页目前已下线(截至 2026-09-21 返回 404,上述内容取自缓存版本)。根据隐私政策,站点现在的运营主体是在澳大利亚注册的 Checklist Design Pty Ltd。

清单内容与使用方式

Browse 页面按分类列出全部清单,标签显示各分类数量

五个分类的清单数量为:Web App 32、Design System 32、Website 27、Mobile 25、Flows 13(截至 2026-09-21)。覆盖对象非常具体,例如 Website 分类下有 Login、Pricing、404、FAQ、Footer 等页面清单,Design System 分类下有 Button、Modal、Color System、Accessibility 等组件与规范清单,Flows 分类则覆盖"取消订阅""重置密码""提交表单"等完整流程。

每份清单由若干检查项组成:条目名称、一句说明,部分条目附带补充提示(如 Login 清单建议在密码输入框附近放置重置密码链接),有的清单还区分必需项与 Optional 可选项。页面顶部显示"N out of M"进度和 Reset 按钮;实测勾选状态写入浏览器 localStorage,不上传服务器,因此换浏览器或设备后进度不会保留。

Accessibility 清单详情页:左侧为可勾选的检查项,右侧提供 Related 推荐、纯文本与按工具复制入口

清单的落地方式考虑了协作场景:每份清单都可以"Copy as plain text",或按目标工具格式化复制——Confluence、Notion、Linear、GitHub、Jira、Google Docs、Asana、ClickUp 等,粘贴后即成为对应工具里的任务列表。详情页侧栏的 "Suggest a checklist" 按钮会打开 "Request a checklist" 表单(清单名称、可选描述、可选的通知邮箱),读者可以据此向作者提议新清单;站点更新动态则通过邮件订阅和 X 账号 @george_hatzis 发布。

Figma 插件与 AI 评审

站点首页主推的 Figma 插件把清单变成了"AI 设计评审":选中任意 Figma 画面,插件会对照清单给出"哪些做得好、缺什么、可以改什么"的分析。隐私政策披露了关键实现细节:免费额度按哈希后的 Figma 用户标识统计每月次数;画面截图仅临时传输到服务器并发送至 Anthropic Claude API 分析,请求完成后图像和分析结果均不在服务器留存;超出免费额度需通过支付服务商 Polar 购买 credit pack;插件账号使用邮箱 magic link 登录,不设置密码。作者 2026 年在 LinkedIn 宣布插件安装量已超过 3,600(该数字来自作者自述,本文未能独立核实)。

开源 Agent Skill 与 Figma Skill

Agent Skill 介绍页:一条命令安装后,AI 工具可自动调用清单评审设计

2026 年 7 月起,作者把整套清单以 Agent Skills 开放标准打包开源在 GitHub(Checklist-Design/skills,MIT 协议)。据仓库 README,112 份已发布清单作为本地引用文件打包进 skill,匹配清单和读取条目都是本地文件读取,不依赖网络或 API;skill 提供 audit(逐项核对,标注"存在/部分存在/缺失/不适用")和 critique(整体点评)两种模式,给一张截图即可自动选择。安装只需一条命令 npx skills add checklist-design/skills,支持 Claude Code、Cursor、OpenAI Codex、GitHub Copilot、Gemini CLI、Windsurf 等约二十种工具;Claude Code 另有带触发 hook 的完整插件。仓库通过定时 GitHub Action 每天从官网重建清单 bundle,内容有变化才提交并发新版(截至 2026-09-21,最新版本为 2026-09-07 发布的 v3.2.4,仓库约 52 stars)。Figma 社区还收录了同名 Figma Skill,供 Figma 的 AI agent 调用。

隐私与内容政策

Checklist Design 不是用户生成内容平台:全部清单由作者本人策划撰写,读者能提交的只有 "Request a checklist" 建议表单和邮件订阅。隐私政策承诺遵守 Australian Privacy Principles、GDPR 和 CCPA,列明子处理方为 Supabase(数据库)、Anthropic(AI 分析)、Polar(支付)和 Resend(邮件),网站使用 Google Analytics(欧盟、英国和瑞士用户会看到非必要 Cookie 的同意请求),并声明不会出售用户数据、不将数据用于广告。

内容版权方面需要区分:网站本身未对清单文本标注任何开放内容许可,引用时应按普通受版权保护内容对待;MIT 许可仅适用于 GitHub 上的 skill 仓库及其打包的清单文件。

费用与商业模式

网页清单完全免费,没有付费墙或账号等级。目前可见的收入来源有两类:Figma 插件 AI 评审的 credit pack 付费,以及页脚标注的赞助商(设计素材库 Mobbin 和设计直播社区 Rectangles)。

适用场景

  • 设计交付前的细节自查,尤其是登录、定价、结帐这类"每个项目都要重做一遍"的界面;
  • 新人设计师了解一个页面或组件通常由哪些要素构成,建立检查习惯;
  • 团队把某份清单复制到 Notion、Linear 或 GitHub,作为评审或验收的共同基准;
  • 使用 AI 编程或设计工具时,通过开源 skill 让 AI agent 按清单评审界面,而不是只得到泛泛的"看起来不错"。

局限

  • 只有英文:清单和界面均无本地化,非英语团队直接采用时需要自行翻译。
  • 进度不跨设备:勾选状态只存在浏览器 localStorage,清缓存、换浏览器或换设备都会丢失,也没有账号同步功能。
  • 单人维护:内容更新依赖作者一人,节奏不透明;页脚的 About 和 Terms 链接目前指向 404 页面(截至 2026-09-21 实测),Privacy 页面正常。
  • Figma 社区数据无法核实:插件的安装量、评分只能在 Figma 社区页面查看,本文写作时该页面有访问防护,无法自动核对。
  • 通用清单的固有边界:清单是跨项目复用的通用最佳实践,不含针对具体行业、用户群或合规要求的判断,不能替代用户研究和真实测试。

参考资料