All Posts
Design System
Chrome Extension
Release

Infa Chrome Extension Beta Release

Blog post header image
Written by
Infa
Published on
July 1, 2024

The beta release of Infa introduces cloud enablement, expanding on the functionality introduced in the alpha release. This update focuses on improving the efficiency and quality of your design system inventory process. By automating the capture of screenshots and code snippets, and enabling easy sharing of component links, Infa saves you time and ensures precision during the design system inventory process.

1. Account Creation and Upgrades:

Synchronize your data across multiple devices. Free users can still use the Chrome extension and export/import JSON files, but Pro users can enjoy seamless data synchronization.

account-creation-and-upgrades.png

2. Sync Boards and Components:

Keep your design system data consistent and up-to-date across all devices. This feature is available only for Pro accounts.

sync-boards-and-components.png

3. Share Component Links:

Improve communication by sharing precise component locations with team members. Instead of manually annotating screenshots and URLs, simply share a link that highlights the exact component within the product. This method is faster and reduces misunderstandings, ensuring everyone is on the same page.

share-component-links.png

4. Generate Screenshots of Components:

Save time and ensure accuracy with automated screenshots. Manually taking screenshots can be challenging and time-consuming, especially when determining component dimensions within the browser. Infa generates screenshots based on the DOM structure, ensuring pixel-perfect accuracy and saving you significant effort.

generate-screenshots-of-components.png

5. Capture Component Code:

Engineers can quickly verify if components use the correct design system elements. By examining class names and parameters, it's easy to determine if a component adheres to the design system standards or is a replicated variant. This saves time and ensures design consistency.

Additional Information:

Future Integrations:

  • Upcoming Features: We are working on integrations with Figma and other tools. Your feedback on the beta version will help shape these integrations.
  • FigJam Integration: Generate screenshots and code snippets, and include links that open the product page directly. This integration facilitates dirty prototyping in FigJam, allowing for seamless transitions between design and actual product views.

Public and Private Boards:

  • Work in Progress: We're developing features for creating public and private boards to enhance collaboration and control over your design system data.
  1. Create an Account: Sign up using Google or your email and password
    Sign up here
  2. Activate the Pro Subscription: Click the link below to activate your premium account
    Activate Pro
  3. Install the Chrome Extension: Download and install the Infa Chrome Extension
    Install Extension
  4. Log In and Authenticate: Log in to the Chrome Extension with your Infa account
    Log in
  5. Start Using Infa: Create a board, tag components, take screenshots, and capture code snippets. For advanced capabilities in design system inventory and FigJam collaboration, explore our FigJam pluginFigJam plugin
  6. Coda Integrations: If you would like to integrate your data with more than 600 tools, you can try our Coda pack as wellCoda pack

We appreciate your feedback on the beta version. Your insights are invaluable in helping us refine Infa. If you encounter any challenges or issues, please don't hesitate to reach out. We're here to help!

Thank you for being a part of the Infa community and for your continued support.

Contact Us: