# Checklist Design

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

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.

Website: https://checklist.design/

## What it is 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](https://xiry.app/topics/design.md)
- Topic: [Design Systems](https://xiry.app/topics/design/design-systems.md)
- 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](https://www.instagram.com/reel/C6lT_oMiBvM/): It ensures you don't forget critical components, states, or content sections when designing pages like pricing, login, or 404 screens.

## Compare

- [Alternatives to Mobbin](https://xiry.app/alternatives/mobbin.md)
- [Alternatives to Page Flows](https://xiry.app/alternatives/page-flows.md)

## Related

- [Awesome DESIGN.md](https://xiry.app/resources/awesome-design-md): Curated collection of plain-text design systems extracted from popular tech websites. (GitHub repo, Open source)
- [Minimal Product Design Cheatsheet](https://xiry.app/resources/minimal-product-design-cheatsheet): Quick typography, color palette, and iconography reference for clean product interfaces. (Tip, Free)
- [Modulor](https://xiry.app/resources/modulor): Open-source, token-driven design system and Figma UI kit by GR8 Tech. (Website, Open source)
- [Refero Styles](https://xiry.app/resources/refero-styles): AI-readable DESIGN.md style references extracted from popular websites. (Web app, Free)
- [Building Effective Agents: Workflow and Agent Patterns](https://xiry.app/resources/building-effective-agents-workflow-and-agent-patterns): Architectural framework categorizing LLM workflows and autonomous agent patterns (Framework, Free)
- [Clean UI Blueprint](https://xiry.app/resources/clean-ui-blueprint): A concise spec sheet of typography, colors, and radii for minimal UI (Tip, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/checklist-design

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.