Figma Checkbox

Figma Checkbox Component

The Checkbox component communicates whether an option is selected, not selected, or indeterminate. Use checkboxes whenever a user can select a single or multiple option from a single list.

Checkboxes UI Best Practices

• Ensure each checkbox has a clear, concise label that describes what the option does. 

• Checkbox labels should always be clickable along with the checkbox shape, improving usability.

When to use Checkboxes vs. Radio buttons:

• Use checkboxes for optional or additive choices.

• Use Radio Buttons for mandatory, single-selection scenarios.

• Always group related options clearly and provide clear labels for both components.

Check Box Anatomy