What is Infa
Infa Chrome Extension
How to use and install our Chrome Extension
Community
Browse community design systems
Release Notes
Featuring the latest changes to keep you up-to-date
Research Program
Participate in shaping the future of Infa
SOC 2 Type II Compliance Badge
Enterprise Ready
SOC 2 Type II certified for enterprise-level security and compliance
EventsLearnPricing
Sign up for free

Feedback

Share your feedback

Close
Anonymous submissions are auto-posted to #feedback channel. You can also share directly in Slack.

Need help?

Reach out to contact@infa.ai or see docs

Navigation
Search...
⌘ K
Focus sentinel
Close

Search Documentation

PressESCto close
Focus sentinel
Infa Documentation
  • General Information
    • Boards
    • Components
      • Main Components Vs Component Views
      • Component Tagging
      • Component Anatomy
    • Labels
    • Teams
    • Authentication
    • Permissions
      • Inviting People to Teams
      • Inviting People to Boards
    • Billing & Subscription
      • Managing Subscription
      • Promo Code Activation
    • Data Import, Export & Sync
      • Local vs. Cloud Boards
  • App Blocks
    • Building App Blocks
  • Chrome Extension
    • Deep Links
    • Using Labels
    • Updating the Extension
  • Integrations
    • MCP Server
    • Claude Code Plugin
    • External API
    • Progressive Web App
    • Figma Plugin
    • Coda Pack
    • Overview
    • Managing Runs
    • Board Agents
    • Overview
    • Infa Capture
    • Installation
    • Authentication
    • Connect a Board
    • Run Modes
    • Hooks & Agents
    • File Sync
    • CLI Reference
Switch to Light theme
Switch to Dark theme
TermsPrivacyChat with Us
  1. Docs
  2. General Information

Components

Learn how to structure, tag, and manage components in Infa.ai to improve design system adoption and tracking.

Master component management in Infa.ai with guides on structuring Main Components and Component Views, plus effective tagging strategies to track design system adoption across your product.

Main Components vs Component Views
Understand the structure and relationship between Main Components and Component Views
Component Tagging Strategies
Learn different approaches for tagging components in your product
Component Anatomy
Visually break down components into labeled, typed parts with interactive bounding boxes

Copy link
Overview

Components in Infa.ai are structured to help you document and track your design system effectively:

  • Main Components serve as the foundation - the single source of truth for each component in your design system
  • Component Views represent real-world implementations and usage across your product
  • Tagging strategies help you identify and track components consistently

Copy link
Key Benefits

  • Improved Consistency: Centralized component documentation ensures everyone references the same specifications
  • Better Adoption Tracking: See exactly where and how your design system components are used
  • Enhanced Collaboration: Bridge the gap between design and development teams
  • Faster Onboarding: Help new team members understand your component structure quickly

Content Feedback

Feedback on selected content

Close
Anonymous submissions are auto-posted to #feedback channel. You can also share directly in Slack.

Need help?

Reach out to contact@infa.ai or see docs