Comment installer et utiliser Excalidraw sur PC ?

Qu'est-ce qu'Excalidraw vous permet de faire ?

Excalidraw est un outil polyvalent qui permet de créer facilement des croquis, des diagrammes, des wireframes et des illustrations avec un style dessiné à la main. Il est idéal pour le brainstorming, la prise de notes visuelle, la création de schémas techniques, et même pour des présentations collaboratives. Sa simplicité le rend accessible aux débutants tout en offrant des fonctionnalités avancées pour les utilisateurs plus expérimentés.

Comment le télécharger ?

Rendez-vous sur la page dédiée à Excalidraw sur la logithèque

Comment installer et l'utiliser ?

Excalidraw offre plusieurs options d'installation et d'utilisation, vous permettant de choisir celle qui convient le mieux à votre flux de travail.

Options d'installation

1. Application Web (la plus rapide) :

   • Aucune installation n'est requise. Ouvrez simplement votre navigateur et rendez-vous sur le site officiel. Vous pouvez commencer à dessiner immédiatement sans inscription ni téléchargement.

2. Application de bureau (Windows, macOS, Linux) :

   • Pour une utilisation hors ligne et une intégration plus poussée, vous pouvez télécharger l'application de bureau.
   • Choisissez le fichier d'installation correspondant à votre système d'exploitation (.exe pour Windows, .dmg pour macOS, .AppImage ou .deb pour Linux).
   • Une fois téléchargé, exécutez le fichier pour installer Excalidraw comme n'importe quelle autre application.

3. Auto-hébergement avec Docker :

   • Si vous souhaitez déployer votre propre instance d'Excalidraw, par exemple pour un environnement d'équipe ou une utilisation totalement privée, vous pouvez utiliser Docker. Les instructions spécifiques pour le clonage du dépôt et le lancement via Docker sont disponibles dans la documentation du projet sur GitHub.

4. Intégration avec Obsidian :

   • Pour les utilisateurs d'Obsidian, Excalidraw peut être installé comme un plugin communautaire.
   • Accédez aux paramètres d'Obsidian, puis à "Plugins communautaires".
   • Recherchez "Excalidraw" dans la liste des plugins disponibles, installez-le, puis activez-le.
   • Vous pourrez ainsi créer et modifier des diagrammes directement dans vos notes Obsidian.

Utilisation de l'interface utilisateur

L'interface d'Excalidraw est délibérément minimaliste pour faciliter son utilisation. Voici les éléments principaux :

• Barre d'outils supérieure : Contient les outils de dessin essentiels :

  • Sélecteur d'outils : Permet de choisir entre différents outils comme le pointeur, la sélection, le rectangle, le losange, le cercle, la flèche, la ligne, le dessin à main levée (freehand), et le texte.
  • Outil Texte : Permet d'ajouter du texte à votre dessin.
  • Gomme : Pour supprimer des éléments.
  • Outils supplémentaires : Incluent l'outil Cadre (pour créer des conteneurs pour d'autres éléments), l'outil d'intégration Web, et le pointeur laser pour les présentations.

• Barre latérale droite :

  • Partage et Collaboration : Permet de démarrer une session de collaboration en temps réel en générant un lien partageable.
  • Bibliothèques (Libraries) : Offre la possibilité d'ajouter et d'utiliser des bibliothèques de formes et d'icônes personnalisées (par exemple, des icônes AWS, Kubernetes, UML).

• Barre latérale gauche (ou menu) :

  • Paramètres (Settings) : Accès aux options de configuration générales, telles que le mode sombre, les options d'exportation, la gestion des modèles, etc.
  • Thème : Permet de basculer entre le mode clair et le mode sombre.
  • Sauvegarde/Exportation : Options pour exporter votre dessin au format PNG, SVG, ou sous forme de fichier Excalidraw (.excalidraw JSON) pour une édition ultérieure.

• Barre d'outils inférieure :

  • Zoom et Panoramique : Contrôles pour zoomer et déplacer la vue sur votre canevas.
  • Annuler/Rétablir (Undo/Redo) : Boutons pour annuler ou rétablir vos dernières actions.

Fonctionnalités principales et comment les utiliser

• Dessin de formes :

  • Sélectionnez un outil de forme (rectangle, cercle, losange, flèche) dans la barre d'outils supérieure.
  • Cliquez et faites glisser sur le canevas pour dessiner la forme.
  • Utilisez la touche Tab pendant que vous dessinez une forme pour la modifier (par exemple, passer d'un rectangle à un losange).

• Dessin à main levée :

  • Sélectionnez l'outil de dessin à main levée.
  • Cliquez et faites glisser pour dessiner librement.

• Ajout de texte :

  • Sélectionnez l'outil Texte.
  • Cliquez sur le canevas où vous souhaitez placer le texte.
  • Tapez votre texte, puis appuyez sur Échap pour finaliser.

• Modification des styles :

  • Après avoir sélectionné un élément (ou avant de le dessiner), vous pouvez ajuster ses propriétés dans la barre latérale droite ou dans les options contextuelles qui apparaissent.
  • Couleur du contour (Stroke color) : Change la couleur de la ligne extérieure.
  • Couleur de fond (Background color) : Change la couleur de remplissage de la forme.
  • Épaisseur du trait (Stroke width) : Ajuste la largeur de la ligne.
  • Opacité : Contrôle la transparence de l'élément.
  • Style de trait : Permet de choisir entre des lignes pleines, pointillées, etc.
  • "Sloppiness" : Ajuste le degré de "dessin à la main" du trait, allant de net à très irrégulier.

• Connexion et étiquetage des flèches :

  • Utilisez l'outil flèche pour relier des éléments.
  • Cliquez sur un élément et faites glisser vers un autre pour créer une liaison. Vous pouvez étiqueter ces flèches pour indiquer des relations.

• Gestion des éléments :

  • Sélectionner et déplacer : Utilisez l'outil pointeur pour sélectionner et déplacer des éléments.
  • Dupliquer : Sélectionnez un élément, faites un clic droit et choisissez "Dupliquer", ou utilisez le raccourci clavier (souvent Ctrl+D ou Cmd+D).
  • Grouper/Dégrouper : Sélectionnez plusieurs éléments, faites un clic droit et choisissez "Grouper" pour les traiter comme une seule unité. Cela facilite le déplacement et la mise à l'échelle d'objets complexes.
  • Superposition (Layering) : Utilisez les options "Mettre au premier plan" et "Mettre à l'arrière-plan" (clic droit) pour gérer l'ordre des éléments superposés.

• Exportation :

  • Cliquez sur l'icône d'exportation dans la barre supérieure.
  • Choisissez le format souhaité (PNG, SVG, fichier Excalidraw).
  • Le format Excalidraw (.excalidraw JSON) enregistre votre dessin dans un format ouvert et éditable, idéal pour le sauvegarder et le rouvrir plus tard.

• Collaboration en temps réel :

  • Cliquez sur le bouton "Live Collaboration" dans la barre supérieure droite.
  • Cliquez sur "Start Session".
  • Copiez le lien généré et partagez-le avec les personnes avec qui vous souhaitez collaborer.
  • Les modifications seront visibles en temps réel par tous les participants.

Configuration

Les options de configuration principales se trouvent dans le menu des paramètres (icône d'engrenage dans la barre latérale gauche). Vous pouvez y ajuster :

• Paramètres de base : Afficher les notes de version, recevoir des notifications de mise à jour, définir l'emplacement par défaut des nouveaux dessins, spécifier un dossier pour les dessins intégrés, définir un fichier modèle, et spécifier un dossier pour les scripts Excalidraw Automate.
• Sauvegarde : Configurer la compression des fichiers JSON Excalidraw dans Markdown, définir les intervalles d'auto-sauvegarde, et choisir les formats de nom de fichier.
• Intégration Markdown et Exportation : Contrôler comment les images et les dessins Excalidraw sont intégrés dans les documents Markdown, y compris le choix du type d'image pour les aperçus (SVG, PNG), le type de fichier inséré, et la mise en cache des images.
• Modèles : Vous pouvez définir un fichier ou un dossier de modèles. Lorsque vous créez un nouveau dessin, vous serez invité à choisir un modèle, ce qui vous permet de démarrer avec une mise en page ou une configuration prédéfinie.

Télécharger Excalidraw gratuitement