Back to Plugins
Infa

Infa

New way of Conducting Design System Inventory and Visualizing Design System in use with Infa

ui kitlibraryfigjammanagementdesigncomponentscomponent propertiescomponent librarycodedesign systeminventorycomponentsconsistency

Plugin Preview

Infa preview

About this plugin

What is Infa

Manage your design system inventory directly within your product's webpage. Learn more at https://infa.ai/


What does the Figma Plugin for Figma unlock?

Pull all the screenshots and code snippets for your component views from Infa into FigJam. This enhances your design system review sessions by enabling visual and code comparisons of components. Navigate back to the component in your real product through our Chrome extension, ensuring that your design critiques are grounded in actual product usage.


How to Get Started:

  1. Install the Chrome Extension: Create components and select them within the Chrome Extension:https://infa.ai/chrome-extension
  2. Upgrade to Pro: Upgrade your account to Pro and upload your board to the cloud to connect your Figma plugin.
  3. Take Screenshots and Capture Code: Open component views in the Chrome Extension and click on "Take Screenshot" or "Capture Code" to make them available in your plugin.
  4. Authenticate: Open the Figma plugin and enter your API key from your Info account to authenticate. https://infa.ai/profile#api
  5. Import Components: Select the components to import screenshots and code into FigJam.


Contact Us:

For any questions or recommendations, please reach out to us at [email protected]

Plugin Details

Version7
CreatedJune 22, 2024
Last UpdatedFebruary 6, 2025
Categoryui-kits
CreatorInfa
Stats38 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figjam
  • Allowed Domains:
    • https://api.infa.ai
    • https://lchwovxxbgcdycaqmftj.supabase.co
    • https://lh3.googleusercontent.com