Figma Plugin
Checklist Design plugin for reviewing designs in Figma.
Open the Checklist Design pluginDESIGN LIBRARY
Design system
Keep components consistent, easy to understand, and easy to use.
Continue reviewing
Checklists in progress.
Browse checklists
Choose a platform or topic.
Design platform
Set rules for text, color, spacing, tokens, and accessibility.
5Design system
Typography
Build clear content hierarchies at every size.
Design systemDesign tokens
Name and manage shared values.
Design systemAccessibility
Make sure the product can be used in many ways of viewing and manipulating.
Design systemSpacing / Grid
Keep the layout rhythm consistent as content and screens change.
Design systemColor system
Use colors that have a clear role and maintain meaning in every interface.
Interface components
Check the structure, variations, and status of each component.
27Design system
Accordion
Collapse content while still making it easy to find and navigate.
Design systemBanner
Put important information in the right context.
Design systemRadio buttons
Makes single selection clear and easy to operate.
Design systemTooltip
Add explanation without hiding required information.
Design systemModal dialog
Keep decisions focused and closing lines easy to find.
Design systemInput field
Helps enter correctly and correct errors right in the information field.
Design systemButton
Clarify actions and responses after activation.
Design systemToggle
Change status without having to guess the effect.
Design systemDrawer
Open secondary content while keeping the main screen context.
Design systemDate picker
Helps select dates without confusing the format or time period.
Design systemBreadcrumb
Indicates the position and path back up in the content structure.
Design systemAlert
Report what happened and what steps are needed.
Design systemSkeleton
Indicates upcoming content without causing the layout to jump.
Design systemCarousel
Allows you to browse content sequentially while still controlling the location.
Design systemSlider
Helps select a controlled value or range of values.
Design systemToast
Short feedback after action without blocking work.
Design systemTabs
Switch between content areas at the same level.
Design systemCheckbox
Select multiple items or enable an independent selection.
Design systemSearchbar
Start your search with a clear scope and response.
Design systemLoading
Indicates the task is in progress and when it needs to be processed.
Design systemIcon
Keep the icon recognizable and meaningful at any size.
Design systemTable
Present structured data for scanning and comparison.
Design systemCard
Collect information and actions into one easy-to-scan unit.
Design systemBadge
Add quantity or status without encroaching on the main content.
Design systemAvatar
Show identity and provide controlled photo updates.
Design systemDropdown menu
Bring related actions into easy-to-manage menus.
Design systemStepper
Increase or decrease a number in clear steps.
No saved checklists
Select “Save checklist” on a detail page.
Saved checklists appear here.
Find a checklist
Choose a platform or topic.
DucDZ Apps
Tools from DucDZ.
Tools and integrations
Use checklists in Figma or with an AI assistant.
Agent skill DucDZ
Vietnamese and English checklists for AI-assisted interface reviews.
Download Agent skillHow to use
Extract the archive, add the skill to your AI assistant, then provide an image, URL, or source code to review.
Figma skill DucDZ
Review a Figma frame’s structure, states, and usability.
Download Figma skillHow to use
Add the skill to your AI assistant, then connect Figma or provide a frame image.
Review and save progress
Mark each item you have reviewed.
Progress is saved in this browser.