Excalidraw

Tableau blanc virtuel pour dessiner des diagrammes à main levée GitHub : https://github.com/excalidraw/excalidraw

---

Aperçu

Excalidraw est une application de tableau blanc virtuelle gratuite et open-source qui permet aux utilisateurs de créer des diagrammes, des organigrammes, des maquettes et des croquis avec une esthétique distinctive de dessin à main levée. Construit comme un composant React et publié en tant que package npm, il peut être utilisé de manière autonome sur excalidraw.com ou intégré directement dans d'autres applications.

Le projet a été initialement créé par Christopher Chedeau (vjeux) et est depuis devenu une communauté open-source florissante adoptée par des entreprises telles que Google Cloud, Meta, CodeSandbox, Replit, Notion et Obsidian.

---

Fonctionnalités principales

Outils de dessin

• Formes de base : rectangle, cercle, losange, flèche, ligne
• Dessin à main levée et gomme
• Outil texte avec polices personnalisées (Excalifont)
• Connexion de flèches et flèches étiquetées
• Bibliothèques de formes pour des composants réutilisables

Canevas et interface utilisateur

• Canevas infini avec prise en charge du zoom et du panoramique
• Mode sombre
• Historique Annuler / Rétablir
• Raccourcis clavier pour un flux de travail efficace
• Épaisseur de trait, rugosité, couleur et remplissage personnalisables

Collaboration et partage

• Collaboration multijoueur en temps réel via des liens partageables
• Chiffrement de bout en bout pour des sessions sécurisées
• Liens partageables en lecture seule pour la visualisation
• Prise en charge PWA — fonctionne entièrement hors ligne
• Local-first : sauvegarde automatique dans le stockage du navigateur

Exportation et intégration

• Exportation en PNG, SVG et presse-papiers
• Exportation/importation au format JSON .excalidraw (ouvert, lisible par l'homme)
• Intégrable en tant que composant React via le package npm @excalidraw/excalidraw
• Intégré dans des outils tels qu'Obsidian, des extensions VS Code, Notion, et plus encore

Localisation

• Prise en charge complète de l'i18n (internationalisation) avec plusieurs langues

---

Pile technique

Couche	Technologie
Frontend	React, TypeScript
Canevas	API Canvas HTML5
Dessin	Rough.js (rendu à main levée)
Polices	Excalifont (personnalisé), Virgil (hérité)
Package	Publié sur npm sous le nom de @excalidraw/excalidraw
Licence	MIT

---

Cas d'utilisation

• Diagrammes d'architecture système — croquis informels mais expressifs pour les équipes techniques
• Wireframing et maquettes d'interface utilisateur — prototypes rapides à faible fidélité avant Figma
• Brainstorming et idéation — pensée visuelle lors de réunions ou en asynchrone
• Enseignement et présentations — le style à main levée rend le contenu accessible
• Documentation — intégrez des diagrammes en direct dans des wikis, des pages Notion ou des fichiers README

---

Excalidraw+ (Premium)

Au-delà de la version gratuite open-source, l'équipe propose Excalidraw+, un produit cloud payant qui ajoute :

• Stockage cloud et espaces de travail organisés
• Sessions de collaboration persistantes
• Chat vocal dans le canevas
• Mode présentation (exportation basée sur des diapositives vers PPTX/PDF)
• Gestion des autorisations et partage invité
• Essai gratuit de 14 jours disponible

---

Communauté et adoption

• Étoiles : 90 000+ étoiles GitHub (l'un des outils de tableau blanc les plus étoilés)
• Contributeurs : 800+ contributeurs open-source
• Utilisé par : Google Cloud, Meta, CodeSandbox, Obsidian, Replit, Slite, Notion, HackerRank
• Intégrations : extension VS Code, plugin Obsidian, plugin Confluence, et plus encore

---

Démarrage

Utiliser en ligne

Rendez-vous sur https://excalidraw.com — aucune inscription requise.

Auto-hébergement / Intégration

npm install @excalidraw/excalidraw

import { Excalidraw } from "@excalidraw/excalidraw";

export default function App() {
  return <Excalidraw />;
}

Exécuter localement

git clone https://github.com/excalidraw/excalidraw.git
cd excalidraw
npm install
npm start

---

Résumé

Excalidraw se distingue parmi les outils de diagrammes par son adoption délibérée de l'esthétique du dessin à main levée — des bords rugueux et des lignes fluides qui maintiennent le contenu informel et axé sur les idées plutôt que sur la finition. Sa combinaison d'une intégration sans friction (pas de connexion nécessaire), d'une collaboration puissante, d'un format ouvert et de la possibilité de l'intégrer en tant que bibliothèque React en fait un choix privilégié pour les développeurs, les concepteurs et les équipes du monde entier.