← Retour Accueil

Fiche Atelier 8

Schématiser sans dessiner (Text-to-Diagram)
🎯 Objectif
Transformer du texte ou des concepts complexes en schémas visuels clairs.
🛠️ Outils
Napkin.ai, Mermaid

Phase 1 : Napkin.ai (L'Illustration Documentaire)

Il analyse vos paragraphes et propose des illustrations vectorielles (cycles, processus, entonnoirs).

La manipulation :

  1. Accès : Rendez-vous sur Napkin.ai et connectez-vous (ou créez un compte gratuit).
  2. Démarrage : Cliquez sur le bouton "New Napkin" pour ouvrir un document vierge.
  3. Collage du texte : Collez votre paragraphe de cours (ex: "Le cycle de l'eau").
    Conseil : Veillez à ce que le texte soit dans un seul bloc (paragraphe) pour générer un schéma unique et cohérent.
  4. Génération IA : Cliquez sur l'icône "Spark" (l'éclair ⚡) qui apparaît à gauche du texte.
  5. Choix et Édition : L'IA propose plusieurs styles de diagrammes. Cliquez sur celui qui convient le mieux. Vous pouvez ensuite modifier les icônes ou les couleurs par simple glisser-déposer.
  6. Export : Cliquez sur l'image finale, puis téléchargez-la (Download PNG/SVG) ou copiez-la pour l'insérer dans votre cours.

💡 Parfait pour : Les frises chronologiques, les cycles biologiques, les schémas explicatifs "propres".


Phase 2 : Mermaid (La Rigueur du Code)

Mermaid permet de générer des diagrammes logiques via du code. C'est le principe du "Diagram-as-Code". Pas de panique : l'IA écrit ce code pour vous.

1. Le Prompt pour générer le code

À Copier-Coller Instruction : "Agis comme un expert Mermaid.js. Crée le code pour un diagramme de flux (flowchart) qui explique [Sujet : ex: La démarche scientifique ou Coller votre paragraphe de cours]."

2. La Visualisation

Une fois que l'IA vous a fourni le bloc de code (commençant souvent par graph TD) :

  1. Rendez-vous sur l'éditeur en ligne Mermaid.live.
  2. Ouvrez le Menu (les 3 traits horizontaux en haut à gauche), cliquez sur "+ New" pour effacer l'exemple.
  3. Collez le code fourni par l'IA dans la zone de texte à gauche. Votre schéma apparaît instantanément à droite.
  4. Export : Cliquez sur le bouton "Actions" (en bas à droite), puis sélectionnez PNG ou SVG pour télécharger votre image.

3. Astuce "Design" 🎨

Si le schéma par défaut est trop triste (noir et blanc), ne perdez pas de temps à le colorier à la main.

Relancez simplement l'IA :
"Peux-tu réécrire ce code Mermaid en ajoutant des couleurs vives pour bien distinguer les différentes étapes ?"

⚠️ Limite : Cet outil ne gère pas les formules mathématiques. Privilégiez-le pour la structure logique et les algorithmes.


💡 Ce qu'il faut retenir : quel outil choisir

  • 📄
    Napkin.ai : Pour illustrer un document proprement. C'est du "Design".
  • ⚙️
    Mermaid : Pour la logique pure, les algorigrammes et les processus stricts. C'est du "Code".