Design · Website

Checklist Design

Curated UI and UX checklists for websites, apps, and user flows

Visit checklist.design ↗

Checklist Design is a reference library of over 100 structured UI and UX checklists covering pages, components, and interaction flows. It details the essential elements, edge cases, and best practices needed across desktop and mobile interfaces to ensure designs are complete before launch. It is also accessible directly via a Figma plugin and skill.

What it's for

  • Audit page layouts like pricing, onboarding, and settings before developer handoff
  • Design complete user flows such as cart checkout, media uploading, or password resets
  • Build out design system components with proper states, tooltips, and inputs
  • Run automated design reviews inside Figma using the plugin

Features

  • Over 120 dedicated checklists spanning web apps, mobile apps, websites, and user flows
  • Design system element guidance for components like modals, tooltips, inputs, and toggles
  • Figma plugin for inline design quality checks and instant screen reviews
  • Real-world pattern breakdowns for critical pages like paywalls, billing, and dashboards
  • Searchable index categorized by platform, component, and interaction flow

Pricing

Free to browse on the web; includes free Figma plugin and skills

Details

Type
Website
Category
Design
Topic
Design Systems
Open source
No
Platforms
Web, other
For
UI/UX designers, product designers, and web developers
Alternative to
Mobbin, Page Flows
Tags
ux, ui, checklists, figma, design systems, web design, product design

Why it was saved

  • @adrien.ninet, 5 May 2024: It ensures you don't forget critical components, states, or content sections when designing pages like pricing, login, or 404 screens.

Compare

Related

All 14 in Design Systems →

Updated