How to Manage Component Metadata

• Access the Design Data Manager: Navigate to the Supernova Design Data Manager to view and update component metadata.
• Define Component Statuses Across Platforms: Use custom properties to track the status of components across different libraries (e.g., “In Progress” in React, “Ready for Dev” in iOS, “Deprecated” in Android).
• Version Tracking: Set up version properties to maintain a historical record of changes and ensure teams are working with the latest component iterations.
• Link to External Resources: Utilize the URL property to connect references like Storybook previews, Figma designs, API documentation, and GitHub repositories.‍
• Maintain Consistency in Metadata: Standardize naming conventions, health statuses, and integration statuses to establish a single source of truth.

💡Tip:

OneFootball’s design system team leverages Supernova’s metadata properties to track component health statuses across platforms. By linking their Widgetbook instance within Supernova, they allow system consumers to instantly see the latest component implementations and statuses.