Learn how to use labels as a unified taxonomy to organize and categorize your design system components, screens, and design tokens.
Labels in Infa provide a unified taxonomy that lets you organize and categorize elements across your entire design system. They serve as a powerful way to connect and group related items, making it easier to manage complex design systems.
Copy link
What Are Labels?
Labels are customizable tags that you can attach to various elements in Infa:
Components: Tag components by type, status, or ownership
Screens: Categorize screens by section, product area, or team
Design Tokens: Group tokens by theme, platform, or usage
This unified approach means you can use the same label across different element types, creating meaningful connections throughout your design system.
Copy link
Use Cases
Copy link
Managing Multiple Design Systems
If your organization maintains multiple design systems (e.g., for different brands or products), labels help you keep them organized:
Create labels for each design system (e.g., "Brand A", "Brand B", "Internal Tools")
Apply these labels to components, screens, and tokens
Filter and view elements by design system
Copy link
Categorizing Components
Labels help you organize components by various criteria:
By status: "Stable", "Beta", "Deprecated"
By type: "Foundation", "Pattern", "Utility"
By team: "Core Team", "Product A", "Product B"
Copy link
Tracking Design System Adoption
Use labels to track which parts of your product use which components:
Label screens by their adoption status
Track migration progress from legacy to new components
Identify areas that need attention
Copy link
Labels in Discovery Mode
The Infa Chrome Extension's Discovery Mode respects the colors of your labels when highlighting components on a page. This visual feedback helps you:
Quickly identify which design system a component belongs to
Distinguish between different component categories at a glance
Spot inconsistencies in design system usage
Each label can have its own color, and when Discovery Mode highlights components, it uses these colors to create a visual map of your design system usage.
Learn More
See how to configure label colors for visual overlays in our Chrome Extension guide.
Labels
Labels in Infa provide a unified taxonomy that lets you organize and categorize elements across your entire design system. They serve as a powerful way to connect and group related items, making it easier to manage complex design systems.
Labels are customizable tags that you can attach to various elements in Infa:
This unified approach means you can use the same label across different element types, creating meaningful connections throughout your design system.
If your organization maintains multiple design systems (e.g., for different brands or products), labels help you keep them organized:
Labels help you organize components by various criteria:
Use labels to track which parts of your product use which components:
The Infa Chrome Extension's Discovery Mode respects the colors of your labels when highlighting components on a page. This visual feedback helps you:
Each label can have its own color, and when Discovery Mode highlights components, it uses these colors to create a visual map of your design system usage.
Using Labels in Chrome Extension
Labels are integrated into Infa's reporting features, giving you powerful filtering capabilities:
When generating coverage reports, you can use labels to:
If you have utility components (like spacers or layout helpers) that you don't want to include in coverage metrics:
Labels are accessible through the Infa API, allowing you to integrate label management into your workflows.
Infa External API
Using Labels in Chrome Extension
Component Tagging