Figma Chip List

Figma Chip List Component

ChipList is a component that manages multiple nested Chips. By adjusting the number of chips inside, you can add, remove, and filter content. Chip lists are part of Form elements that you can use to create filters, tags, or user selection forms.

Chip Lists UI Best Practices

• Ensure chips are keyboard-navigable, screen-reader-friendly, and have sufficient contrast for readability;

• Organize related chips logically and use spacing to avoid visual clutter;

• Allow users to add, remove, or edit chips based on the context of the form input in which they are placed.

Chip List Anatomy