Design System
Chrome Extension
Release
5 min read

Infa Chrome Extension Beta Release

Written by
Infa
Published on
2024-07

Infa Beta Release: Cloud Enablement

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.

Key Features and Benefits:

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.

Getting Started:

  1. Create an Account: Sign up using Google or your email and password
    https://infa.ai/signup
  2. Activate the Pro Subscription: Click the link below to activate your premium account
    https://infa.ai/dashboard?welcome=true
  3. Install the Chrome Extension: Download and install the Infa Chrome Extension
    https://chromewebstore.google.com/detail/infaai/ncanmjeakblmkcekchhmlngihnlhbmfd
  4. Log In and Authenticate: Log in to the Chrome Extension with your Infa account
    https://infa.ai/app-auth
  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 plugin
https://www.figma.com/community/plugin/1386488245911516988/infa
  6. Coda Integrations: If you would like to integrate your data with more than 600 tools, you can try our Coda pack as well
https://coda.io/packs/infa-31933

Feedback and Support:

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:

  • Infa Website: https://infa.ai/
  • Chrome Extension: https://chromewebstore.google.com/detail/infaai/ncanmjeakblmkcekchhmlngihnlhbmfd
  • Contact Us: contact@infa.ai
Edit this page on GitHub