Tuto : Ando plugin Figma qui génère des images via IA

Tutoriel
20/3/2023
3 min
illustration avec des images qui passent dans le plugin figma ando pour en générer de nouvelles icône power jaune digidop
Key points

Ando est un plugin Figma qui utilise les dernières technologies d'IA pour générer des images à partir de simples descriptions ou prompts. Il est conçu pour être facile à utiliser, même pour ceux qui n'ont pas de connaissances en graphisme. Avec Ando, vous pourrez créer des images ou des variantes d'images pour vous aider dans vos designs et projets Figma.

L'IA Ando a la particularité de pouvoir jauger entre description et image pour générer de nouveaux visuels. Ce plugin Figma est donc un outil idéal pour les designers, les marketeurs, les développeurs et tous ceux qui cherchent à créer des images de qualité professionnelle rapidement. Il est également adapté aux débutants qui souhaitent découvrir les possibilités de l'IA depuis Figma.

1. Commencer à utiliser le plugin

Plusieurs méthodes pour commencer à utiliser ce plugin. Vous pourrez soit le faire depuis la page du plugin, soit directement depuis un fichier de design Figma.

Méthode 1 : depuis la page du plugin

page web du plugin figma ando avec focus sur bouton try it out
  1. Accéder à la page du plugin Figma depuis ce lien
  2. Cliquer sur "Try it out"

Méthode 2 : depuis un fichier de design figma

fichier figma avec plugin ando ouvert et entouré en bleu
  1. Ouvrir un fichier Figma
  2. Accéder aux plugins depuis la barre d'outils
  3. Rentrer le nom du plugin "Ando" depuis la barre de recherche de plugins

2. Générer une image avec Ando

Méthode 1 : Depuis une prompt

plugin ando depuis interface de design figma avec champ prompt entouré en bleu

Depuis le champs "Prompt" vous pourrez ajouter une description pour l'image à générer. Pour rédiger une prompt efficace pour Ando, il est important d'être précis et détaillé dans la description de l'image souhaitée, en utilisant des verbes d'action et en précisant des détails tels que la couleur, la forme, la taille, etc. Il est également important de rester concis pour faciliter la compréhension de l'IA. En résumé, pour bien rédiger une prompt pour Ando, il faut être précis, détaillé et concis dans la description de l'image souhaitée.

Méthode pour rédiger une prompt efficace pour IA

Méthode 2 : Depuis une image

plugin ando depuis interface de design figma avec champs référence entouré en bleu

Ando vous permet également de créer des variantes d'une image, par exemple pour vous donner des inspirations.

  1. Créer un frame sur Figma
  2. Ajouter une image dans un frame
  3. Vérifier que le champs "Reference" de Ando affiche bien le nom de l'image
  4. Réduire à 0 la prompt Weight (cela permettra à l'outil de faire un focus à 100% sur l'image)

Méthode 3 : Hybrid depuis une prompt et une image

plugin ando depuis interface de design figma avec plusieurs champs entourés en bleu

Vous pouvez également combiner les deux précédentes méthodes pour améliorer une image existante ou encore pour y ajouter des éléments.

  1. Sélectionner un frame contenant l'image
  2. Ajouter une description dans le champs "Prompt"
  3. Ajuster la jauge "Prompt weight" pour accorder plus ou moins d'importance à la prompt ou à l'image

3. Paramétrer l'image à générer

plugin ando depuis interface de design figma avec deux champs de paramétrage entourés en bleu

Ando vous permet également de :

  1. Choisir le nombre d'images qui seront générées : 1 ou 4 images
  2. Choisir la taille des images qui seront générées : small / medium / large
Alternatives à Ando pour générer des images avec IA
Thomas Labonne
Thomas Labonne
Co-fondateur

Articles qui devraient vous intéresser

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr à digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'équipe Digidop avec Logo Digidop 2024
News
Digidop

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter