INFA.IA : Outil pour design system nouvelle generation

https://infa.ai

📌 INFA Ai est une application destinée à améliorer la visualisation des systèmes de design, offrant des outils de recherche et une communauté pour les créatifs et les designers. INFA Ai est une nouvelle méthode d’inventaire et de visualisation du design system.

Infa Ai facilite l’accès à des ressources publiques de design et propose une expérience collaborative pour booster la productivité et l’inspiration. En cliquant sur un composant directemetn dans le site web, les utilisateurs peuvent voir des informations détaillées provenant de la documentation officielle, de Figma ou de Storybook, intégrées de manière transparente dans le flux de travail.

Avantages clés de Infa Ai Chrome Extension :

• 👥 Rejoindre la Communauté : Connectez-vous avec des designers de systèmes, partagez vos connaissances et collaborez.
• 🗣️ Échange et Croissance : Participez à des discussions enrichissantes et accédez aux tableaux communautaires publics de grands systèmes de design.
• 💬 Espace Dédié sur Slack : Intégrez un environnement créatif et inspirez-vous de créateurs partageant les mêmes centres d’intérêt.

Avec l’extension Infa pour Chrome, vous pouvez désormais gérer l’inventaire de votre design system directement sur la page web de votre produit. Ajoutez facilement des composants à INFA et visualisez-les directement sur vos pages web.

Lien vers l’extension chrome :
https://chromewebstore.google.com/detail/infaai/ncanmjeakblmkcekchhmlngihnlhbmfd

Aujourd’hui, si vous souhaitez en savoir plus sur des design system spécifiques, tels que GitHub’s Primer, vous vous référez généralement à une base de connaissances dédiée avec une table des matières ou une fonction de recherche pour trouver et apprendre à utiliser les différents composants.

Les design system traditionnels sont souvent détachés des environnements dans lesquels ils sont appliqués. Les utilisateurs doivent s’éloigner de leur contexte de travail pour explorer la documentation ou les outils externes afin de comprendre les variations et l’utilisation des composants.

Au lieu de s’appuyer uniquement sur une table des matières statique pour les composants, Infa permet aux utilisateurs de visualiser et d’interagir avec ces composants directement dans leur environnement d’origine – là où ils sont utilisés, dans le produit réel au sein du navigateur.

Exemple :
Prenons l’exemple de GitHub. Avec Infa, lorsque les utilisateurs naviguent dans GitHub, ils peuvent voir et interagir avec les composants du système de conception en action sur les pages du produit. En cliquant sur un composant, ils peuvent voir des informations détaillées provenant de la documentation officielle, de Figma ou de Storybook, intégrées de manière transparente dans le flux de travail.

Avantages d’Infa

1. Contexte et pertinence immédiats : La visualisation des composants dans leurs cas d’utilisation réels aide les utilisateurs à comprendre comment les éléments de conception fonctionnent dans l’environnement réel du produit.
2. Amélioration de l’apprentissage et de l’intégration : Les nouveaux membres de l’équipe peuvent rapidement se familiariser avec la manière dont les composants sont appliqués dans des scénarios réels plutôt que dans des exemples abstraits.
3. Retour d’information contextuel : Les utilisateurs peuvent mettre en évidence les incohérences, suggérer des améliorations et même soumettre de nouveaux composants directement à partir du produit.
4. Connecter les références : Accélérer l’accès aux ressources en établissant des liens directs avec Figma, Storybook et d’autres outils essentiels.
5. Réaliser un inventaire : Rationalisez votre processus d’audit du système de conception en comprenant les variations des composants dans votre produit.