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

Tutoriel3 minPublié le Mar 20, 2023Dernière mise à jour le ![illustration avec des images qui passent dans le plugin figma ando pour en générer de nouvelles icône power jaune digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671175d63bf1b7f67ea70645_64760069e93084646c9ef227_63c6870df0f01b4c9bf1cc68_Open-Graph-tuto-utiliser-ando.webp)Sommaire

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Résumez cet article avec une IA[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Points clés de l'article**Ando est un plugin **[**Figma**](/fr/tools/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](/fr/tools/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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c1708cd30e7eb8e542_671175d73bf1b7f67ea706c9_64760069e93084646c9ef0d4_63c68778a6ab175a94d4262f_plugin-figma-ando-ia.webp)
- Accéder à la page du [**plugin Figma depuis ce lien**](https://www.figma.com/community/plugin/1145446664512862540/Ando---AI-Copilot-for-Designers)
- Cliquer sur **"Try it out"**

### Méthode 2 : depuis un fichier de design figma

![fichier figma avec plugin ando ouvert et entouré en bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c1708cd30e7eb8e549_671175d83bf1b7f67ea706cf_64760069e93084646c9ef0d5_63c687a15d35ee9aaedf10d6_plugin-figma-ando-ia-ouvert-projet-figma.webp)
- Ouvrir un** fichier Figma**
- **Accéder aux plugins** depuis la barre d'outils
- **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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c2708cd30e7eb8e5e7_671175d83bf1b7f67ea706d4_64760069e93084646c9ef0d9_63c687c5f32ed85d24de68c3_utiliser-ando-methode-1-depuis-prompt.webp)

**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](/fr/blog/meilleurs-prompts-ia)

### Méthode 2 : Depuis une image

![plugin ando depuis interface de design figma avec champs référence entouré en bleu](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c2708cd30e7eb8e602_671175d83bf1b7f67ea706cc_64760069e93084646c9ef0d6_63c687f4dfc07787e22fcbcf_utiliser-ando-methode-2-depuis-image.webp)

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

- **Créer un frame **sur Figma
- **Ajouter une image** dans un frame
- Vérifier que le **champs "Reference"** de Ando affiche bien le nom de l'image
- **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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c1708cd30e7eb8e560_671175d83bf1b7f67ea706d7_64760069e93084646c9ef0d7_63c68819b6d0d2261df85203_utiliser-ando-methode-3-depuis-image-et-prompt.webp)

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. 

- **Sélectionner un frame **contenant l'image
- **Ajouter une description **dans le champs "Prompt"
- **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 ](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/676423c1708cd30e7eb8e577_671175d83bf1b7f67ea706dd_64760069e93084646c9ef0d8_63c68833684d6700a83e0659_utiliser-ando-parame%252525CC%25252581trer-image.webp)

Ando vous permet également de : 

- **Choisir le nombre d'images** qui seront générées : 1 ou 4 images
- **Choisir la taille des images **qui seront générées : small / medium / large 

> [Alternatives à Ando pour générer des images avec IA](/fr/blog/3-generateurs-images-intelligence-artificielle-ia-2023)
[

](#)![Thomas Labonne](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a45970e82f1635d9e4d7f_thomas-website%20(1).webp)Thomas LabonneCo-fondateur[

](/fr/team/thomas-labonne)[

](https://fr.linkedin.com/in/thomas-labonne-digidop)[

](#)+1200 lecteurs

## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives.

[S'inscrire

](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter

](https://digidopfr.substack.com/)

## Articles qui devraient vous intéresser

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir

### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026

[Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir

### Webflow lance Source. Notre avis sur ce shift.

[Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir

### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

[Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles

](/fr/blog)Les meilleurs projets web
commencent par une conversation[Discuter avec un expert

](/fr/contact)[Réserver un appel

](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)