Checklist Design

サイト、Webアプリ、モバイルアプリ、デザインシステムのコンポーネント、ユーザーフローの5領域に、110以上のチェックリストが用意されている。作っているのはGeorge Hatzis、スポンサーはMobbin。

中身は素っ気ないほど短い。デザインシステムのButtonなら、Base style、Shape、Variants、Copy、Statesの5項目だけ。それぞれに一行の説明が付く。Copyの項目には「ボタンを押す前に何が起きるか理解できるようにする。OkayやCancelのような汎用的な文言は、タイトルやラベルで文脈が補われているときだけ使える」といった補足がある。項目にチェックを入れると、残りいくつかが表示される。

Webアプリ側はAdmin Panel、Billing、Pricing、Empty State、2要素認証、APIキー、メンテナンス画面など。Websiteは404、Careers、FAQ、Team。Flowsはカートに入れる、メディアをアップロードする、サブスクを解約する、パスワードを再設定するといった操作単位で並ぶ。作りかけの画面を見ながら、抜けている状態がないか潰す用途に向いている。

Figmaプラグインもあり、選択した画面に対してAIがUXとUIをレビューする機能が付く。