Excalidraw : le tableau blanc collaboratif qui dessine à la main

Excalidraw, un tableau blanc numérique au rendu fait main

Excalidraw se présente comme un espace de dessin en ligne, ouvert dans un navigateur, où chaque trait prend l’apparence d’un croquis tracé à la main. Aucune grille rigide, aucun gabarit imposé : vous ouvrez la page, vous posez un rectangle, vous reliez deux formes, et le schéma existe. L’outil a été conçu pour raccourcir le chemin entre une idée et sa représentation visuelle, ce qui explique une bonne part de son succès.

Sous le capot, le projet est open source et diffusé sous licence MIT. Son dépôt GitHub dépasse les 126 000 étoiles, un niveau de reconnaissance rare dans la catégorie des outils de productivité et de collaboration. Le code peut être lu, modifié et redéployé, ce qui a permis à des hébergeurs associatifs comme à des organisations publiques de proposer leurs propres instances.

La planche est infinie : une carte mentale brouillonne peut cohabiter avec un diagramme d’architecture détaillé sur le même espace, sans jamais manquer de place. La palette reste volontairement courte, avec le rectangle, l’ellipse, le losange, la flèche, le trait libre et le texte. Cette sobriété relève d’un choix de conception, pas d’une limite technique.

À quoi sert Excalidraw dans un projet créatif ou technique ?

Le premier réflexe consiste à croquer une idée avant qu’elle ne se fige. Brainstorming de campagne, arborescence de site, circulation de données entre deux services : tout ce qui se pense mal à l’écrit se dessine en quelques minutes sur une planche blanche.

Les usages les plus courants restent les schémas techniques, les diagrammes d’architecture, les organigrammes, les cartes mentales et les wireframes à faible fidélité. Ces maquettes volontairement grossières ont un mérite : personne ne discute la teinte d’un bouton quand le bouton est un rectangle approximatif.

Pour un créateur d’images, l’outil fait office de storyboard express. Le Caméra Photo Club de Feurs, comme n’importe quelle équipe de tournage, peut y poser un plan de prise de vue, y noter les fenêtres de lumière et envoyer le lien au groupe avant de charger le matériel.

Annoter une image existante s’avère tout aussi pratique. Reprendre Quand un orage ordinaire a frappé le Christ de Rio permet de marquer la trajectoire de la foudre, de repérer la ligne d’horizon et de débattre du cadrage sans ouvrir un logiciel de retouche lourd. Le même exercice fonctionne sur La photo étonnante de la semaine, dont la composition se décortique en trois flèches et deux repères.

Passer du croquis au texte réclame ensuite un effort différent, proche de celui que propose l’Atelier écriture via RegardAuteur.com : nommer ce que l’on voit, choisir les mots justes, tenir une intention du début à la fin.

Les fonctionnalités qui pèsent vraiment au quotidien

La liste des options paraît courte au premier coup d’oeil. Elle couvre pourtant l’essentiel d’un usage réel, y compris dans un contexte professionnel exigeant.

• Canvas infini : la planche s’étend sans bordure, ce qui évite de multiplier les pages et les onglets.
• Collaboration en temps réel : chaque curseur apparaît avec le nom de la personne qui le déplace.
• Chiffrement de bout en bout : le contenu d’une session partagée reste illisible pour le serveur qui l’héberge.
• Sauvegarde locale automatique : la planche se retrouve dans le navigateur même après une fermeture accidentelle.
• Exports PNG, SVG et JSON : image plate pour un document, image vectorielle pour une suite graphique, fichier réutilisable pour rouvrir le travail ailleurs.
• Fonctionnement hors ligne : l’application web installable continue de répondre sans réseau.
• Bibliothèques de formes : icônes, briques d’interface et éléments récurrents à importer en un geste.
• Mode sombre, annuler, rétablir, partage par lien : les réflexes de base d’un éditeur moderne.

Le format JSON mérite une mention à part. Il conserve la nature vectorielle des objets, ce qui permet de transférer un schéma d’une planche à une autre, de l’archiver proprement pour une version ultérieure ou de l’injecter dans une autre application. Pour une documentation technique versionnée, cette possibilité change la donne par rapport à un simple export d’image.

Gratuité, licence MIT et autohébergement : ce que cela change

Excalidraw ne demande ni carte bancaire ni abonnement pour dessiner. La licence MIT autorise l’usage commercial, la modification et la redistribution du code, à condition de conserver la mention de licence. Une structure peut donc l’installer sur ses propres serveurs, brancher son système d’authentification et garder ses données chez elle.

Cette autonomie explique la présence de plusieurs instances publiques, dont celle portée par Framalab dans l’univers du logiciel libre, ainsi que la fiche ressource publiée par l’ANCT pour accompagner les usages publics, associatifs et éducatifs. Le projet existe également sous forme d’application mobile, pour celles et ceux qui préfèrent dessiner au doigt ou au stylet.

Pour une équipe, l’argument dépasse la question du budget. Un outil dont le code est ouvert ne peut pas disparaître sur décision commerciale : au pire, la communauté poursuit le développement à partir des sources existantes.

Collaboration en temps réel et chiffrement de bout en bout, sans jargon

Partager un tableau produit un lien. La clé de déchiffrement voyage dans la partie de l’adresse que le navigateur ne transmet pas au serveur. Concrètement, les participants voient le dessin, tandis que l’infrastructure qui héberge la session ne stocke qu’un contenu illisible. Sans le lien complet, personne ne peut rouvrir la planche, même en possession des fichiers côté serveur.

Le mode hors ligne repose sur une application web progressive : après une première visite, le navigateur garde en mémoire les fichiers nécessaires et la planche s’ouvre sans réseau. La sauvegarde locale prend le relais pendant la coupure, puis la synchronisation se fait au retour de la connexion. Un train, un avion, un studio mal couvert : le travail continue.

Excalidraw face à Miro et FigJam : le comparatif honnête

Les trois outils occupent la même catégorie, celle du tableau blanc collaboratif, mais ils ne visent pas les mêmes besoins. Le tableau ci-dessous résume les écarts les plus visibles, dans l’état des offres généralement constaté.

Miro séduit par sa profondeur fonctionnelle et ses cadres d’atelier prêts à animer avec un groupe. FigJam s’intègre naturellement dans une chaîne de conception où Figma occupe déjà le centre. Excalidraw gagne sur un autre terrain : la vitesse d’ouverture, l’absence de compte, la légèreté visuelle et la liberté de repartir avec ses fichiers. Beaucoup d’équipes utilisent d’ailleurs les deux approches, l’une pour la réunion structurée, l’autre pour le croquis de dernière minute.

Créer un premier diagramme dans Excalidraw, pas à pas

Aucune compétence en dessin n’est requise. La logique ressemble à celle d’un paperboard, avec l’avantage de pouvoir tout déplacer et tout annuler.

1. Ouvrez la planche dans le navigateur, puis repérez la barre d’outils en haut de l’écran.
2. Choisissez une première forme, par exemple le rectangle, et tracez-la à l’endroit approximatif où doit démarrer votre schéma.
3. Dupliquez la forme avec un copier-coller pour gagner du temps plutôt que de la redessiner.
4. Double-cliquez sur chaque forme pour saisir son libellé : « Client », « Serveur », « Base de données ».
5. Sélectionnez l’outil flèche et reliez les formes entre elles. Les flèches s’accrochent aux bords et suivent les déplacements.
6. Alignez et groupez les blocs proches pour garder une lecture propre, puis ajustez la couleur d’une ou deux formes seulement pour marquer la priorité.
7. Exportez en PNG ou en SVG, ou copiez le lien de partage si le schéma doit vivre et évoluer avec l’équipe.

Le même déroulé s’applique à une carte mentale, à un organigramme ou à un wireframe d’application. La contrainte principale vient de vous : un schéma réussi reste un schéma court, avec peu de blocs et des libellés explicites.

Ce que Excalidraw ne fera pas pour vous

Adopter un outil suppose aussi d’en connaître les angles morts. Les limites suivantes reviennent régulièrement dans les retours d’usage.

• Peu de modèles et d’ateliers guidés comparé aux plateformes généralistes de collaboration.
• Aucune gestion de projet intégrée : pas de suivi de tâches, d’assignation ni de tableau de bord.
• Mise en forme du texte volontairement simple, sans styles avancés ni tableaux riches.
• Grandes planches saturées d’images susceptibles de ralentir sur une machine modeste.
• Rendu fait main peu adapté à une livraison client très formelle, où l’on attend des traits nets.

Ces contraintes ne sont pas des défauts de jeunesse. Elles découlent du parti pris initial : rester léger, rapide et lisible, quitte à laisser les fonctions lourdes à d’autres logiciels.

Où ouvrir Excalidraw et où lire son code source

Pour dessiner tout de suite, le chemin le plus direct reste le site officiel excalidraw.com, accessible sans création de compte. Une instance alternative est proposée à l’adresse excalidraw.framalab.org pour celles et ceux qui préfèrent un hébergement associatif francophone. Le code source, la documentation et le suivi des anomalies se trouvent dans le dépôt GitHub qui porte le nom du projet, où sont aussi publiés les paquets destinés aux développeurs.

Les équipes qui souhaitent intégrer un tableau blanc dans leur propre application trouveront un paquet maintenu, installable avec les outils classiques de l’écosystème JavaScript. Les curieux peuvent également consulter la fiche de présentation publiée par l’ANCT et les ressources pédagogiques qui circulent dans l’enseignement et la médiation numérique.

Reste l’essentiel : ouvrir la planche, tracer un rectangle, écrire un mot dessus, et vérifier si l’idée tient debout.