Diagrammes Draw.io par Miro

Personnes : Tous les utilisateurs
Forfaits : Free, Starter, Business, Education et Enterprise
Plateformes : Navigateurs, application de bureau

Avec l’application Draw.io conçue par Miro, vous pouvez créer et collaborer sur divers types de diagrammes, en réunissant des équipes transversales, des projets et des documents techniques dans un seul espace de travail. Cet outil est idéal pour créer des diagrammes techniques tels que UML et ERD, concevoir des baies de serveurs et visualiser des architectures réseau et cloud.

Principales fonctionnalités de Draw.io Diagrams

Vous pouvez optimiser votre processus de création de diagrammes grâce à une gamme de fonctionnalités avancées disponibles dans l’application Draw.io Diagrams. Ces fonctionnalités offrent une personnalisation poussée, plus d’efficacité et une meilleure intégration à vos workflows existants.

• Accédez à plus de 50 packs de formes, dont l’architecture d’entreprise d’ArchiMate, les circuits électriques et les plans d’étage, et recherchez des formes dans des bibliothèques d’icônes libres.
• Importez des diagrammes à partir de draw.io, Visio et Lucidchart.
• Profitez de fonctionnalités avancées telles que les calques, les étiquettes, les conteneurs intelligents, la mise en page automatique et les métadonnées de forme.
• Formatez le texte avec HTML et utilisez la typographie mathématique dans les étiquettes.
• Générez le texte des diagrammes en utilisant PlantUML, le code Mermaid, les données et les informations de formatage d’une feuille de calcul CSV, ou le code SQL.
• Générez des diagrammes à partir de descriptions textuelles en utilisant les modèles intelligents de draw.io.

✏️ Les administrateurs Enterprise peuvent ajouter l’application Diagrammes Draw.io à leur liste d’applications approuvées à partir de leurs paramètres d’application.

Prise en main de Diagrammes Draw.io

Cette section vous explique comment accéder à l’application Diagrammes Draw.io sur votre tableau Miro et la configurer initialement, afin qu’elle soit facilement accessible pour la création de vos diagrammes.

Lancez l’application Diagrammes Draw.io

Pour commencer à utiliser l’application Diagrammes Draw.io, vous devez d’abord la lancer depuis la barre d’outils de votre tableau Miro. Suivez les étapes suivantes :

1. Accédez à la barre d’outils de création sur le côté gauche de votre tableau.
2. Cliquez sur l’icône Outils, médias et intégrations (+) et recherchez Diagrammes Draw.io.
3. Lancez l’application Diagrammes Draw.io.

Lancement de l’application Diagrammes Draw.io à partir de la barre d’outils de création

Épingler l’application Diagrammes Draw.io à la barre d’outils

Pour y accéder plus facilement à l’avenir, vous pouvez épingler l’application Diagrammes Draw.io directement dans votre barre d’outils de création. Voici comment :

1. Après avoir recherché l’application dans la barre d’outils, survolez l’élément Diagrammes Draw.io dans les résultats de recherche.
2. Cliquez sur l’icône Épingler à la barre d’outils.

Épingler l’application Diagrammes Draw.io à la barre d’outils

Créer des diagrammes avec Draw.io

L’application Diagrammes Draw.io vous laisse le choix : commencer sur un canevas vierge ou utiliser des modèles prédéfinis. Vous pouvez aussi intégrer vos diagrammes existants depuis diverses sources.

💡 Vous pouvez ajouter vos diagrammes draw.io existants à un tableau Miro. Apprenez comment importer des diagrammes Draw.io.

Créer un diagramme

Pour démarrer un diagramme à partir de zéro, suivez ces étapes. Cette méthode vous offre un canevas vierge pour vos créations personnalisées.

✏️ Utilisez les règles, la grille personnalisable et les repères de positionnement de Draw.io pour schématiser plus rapidement.

1. Lancez l’application Diagrammes Draw.io.
2. Un canevas vierge vous est présenté pour commencer votre diagramme. Vous pouvez également glisser-déposer des fichiers draw.io sur le canevas draw.io.
3. Dans la barre latérale de gauche, vous trouverez différentes catégories de formes.
4. Cliquez et faites glisser des formes (par exemple un rectangle ou un ovale) de la barre latérale sur le canevas.
5. Continuez à ajouter des formes et des connecteurs si nécessaire pour compléter votre diagramme. Vous pouvez également ajouter d’autres éléments tels que des zones de texte, des images et plus encore depuis la barre latérale de gauche.
6. Une fois cela fait, cliquez sur Enregistrer et fermer dans le coin supérieur droit de l’application Diagrammes Draw.io.

Création d’un nouveau diagramme à l’aide de l’application Diagrammes Draw.io

Choisir un modèle

Si vous préférez commencer à partir d’une structure prédéfinie, vous pouvez choisir parmi les modèles disponibles. Voici comment :

1. Lancez l’application Diagrammes Draw.io.
2. Dans la barre d’outils supérieure, cliquez sur l’icône Insérer (+).
3. Cliquez sur Modèle.
4. Sélectionnez un modèle.
5. Modifiez le modèle si nécessaire.
6. Une fois que vous avez terminé, cliquez sur Enregistrer et fermer dans le coin supérieur droit.

Choisir un modèle dans l’application Diagrammes Draw.io

Modifier vos diagrammes

Une fois votre diagramme placé sur le canevas dans l’application Draw.io Diagrams, vous pouvez modifier ses éléments de plusieurs manières pour affiner sa structure et son apparence.

Relier les formes

Relier les formes est une étape fondamentale dans la création de diagrammes. Suivez ces instructions pour créer et personnaliser des connecteurs :

1. Survolez une forme. De petits points de connexion apparaissent.
2. Cliquez et faites glisser l’un de ces points de connexion vers une autre forme pour créer une ligne de connexion.
3. Cliquez sur une ligne de connecteur pour la personnaliser. Dans le panneau de droite, vous pouvez modifier le style du connecteur (droit, courbe, etc.), ajouter des pointes de flèche ou d’autres extrémités, et ajuster la couleur et l’épaisseur de la ligne.

Connecter des formes dans l’application Diagrammes Draw.io

Ajouter des étiquettes aux formes et aux connecteurs

Pour ajouter des informations textuelles aux éléments de votre diagramme, vous pouvez ajouter des étiquettes aux formes et aux connecteurs. Voici comment :

1. Double-cliquez sur la forme ou le connecteur et commencez à taper.
2. Formatez l’étiquette depuis le menu Texte situé à droite du canevas. Vous pouvez modifier le style de police, la couleur, l’orientation et la hauteur.

Ajout d’étiquettes aux formes dans l’application Diagrammes Draw.io

Déplacer, redimensionner et supprimer des objets

Vous pouvez facilement manipuler des objets sur votre canevas. Ces étapes expliquent comment les déplacer, les redimensionner ou les supprimer :

1. Pour déplacer une forme ou un connecteur, cliquez dessus et faites-le glisser à l’endroit souhaité.
2. Pour redimensionner une forme, cliquez dessus et faites glisser l’un des petits cercles bleus.
3. Pour supprimer un objet, sélectionnez-le et appuyez sur la touche Suppr de votre clavier ou cliquez sur l’icône Suppr dans la barre d’outils supérieure.

Déplacer, redimensionner et supprimer un objet dans l’application Diagrammes Draw.io

Modifier les métadonnées de la forme

Vous pouvez ajouter des métadonnées à vos formes afin de les rendre plus informatives. Suivez les étapes suivantes :

1. Lancez l’application Diagrammes Draw.io.
2. Sélectionnez une forme dans votre diagramme.
3. Cliquez avec le bouton droit de la souris sur la forme et sélectionnez Modifier les données.
4. Une boîte de dialogue s’ouvre avec les métadonnées de la forme. Les noms des propriétés se trouvent à gauche et leurs valeurs à droite.
5. Ajoutez des paires clé-valeur pour les informations que vous souhaitez associer à la forme.
6. Cliquez sur Appliquer pour enregistrer les métadonnées dans votre forme.
7. Survolez la forme pour afficher ses métadonnées.

Modifier les métadonnées de la forme

Ajouter des calques à votre diagramme

Les calques améliorent l’organisation et la clarté de vos diagrammes, car ils vous permettent de séparer les différentes parties afin de les modifier ou de les afficher de façon ciblée. Ils sont particulièrement utiles pour les projets complexes.

1. Ouvrez votre diagramme dans l’application Diagrammes Draw.io.
2. Cliquez sur Vue, puis sélectionnez Calques pour afficher la boîte de dialogue Calques.
3. Pour ajouter un nouveau calque, cliquez sur l’icône plus (+) en bas de la boîte de dialogue Calques.
4. Pour modifier le nom du calque, double-cliquez sur le calque, modifiez le texte et cliquez sur Renommer.
5. Sélectionnez le calque afin de le rendre actif pour l’ajout ou la modification d’éléments.
6. Pour masquer ou afficher un calque, cliquez sur l’icône en forme d’œil située à côté du nom du calque.
7. Cliquez sur Enregistrer et fermer lorsque vous avez terminé de modifier votre diagramme.

Ajout de calques dans l’application Diagrammes Draw.io

Gérer les formes et les bibliothèques de formes

Diagrammes Draw.io propose de nombreuses options pour utiliser diverses bibliothèques de formes et gérer des formes personnalisées afin de répondre à vos besoins en matière de diagrammes.

Utilisez une large gamme de packs de formes Draw.io

Vous pouvez élargir vos possibilités de création de diagrammes en accédant à la vaste sélection de packs de formes de Draw.io. Voici comment les ajouter :

1. Lancez l’application Diagrammes Draw.io.
2. Cliquez sur Plus de formes en bas du panneau Formes sur le côté gauche.
3. Explorez les catégories et cochez les cases à côté des packs de formes que vous souhaitez ajouter.
4. Cliquez sur Appliquer pour ajouter les packs de formes sélectionnés à votre panneau Formes.

Sélectionner un pack de formes draw.io

Ajoutez des formes personnalisées au bloc-notes

Pour personnaliser davantage votre expérience de création de diagrammes, vous pouvez créer et intégrer des bibliothèques de formes personnalisées à l’aide du bloc-notes. Suivez les étapes suivantes :

1. Lancez l’application Diagrammes Draw.io.
2. Accédez à Affichage.
3. Sélectionnez Bloc-notes.
4. Le bloc-notes s’ouvrira dans le panneau de gauche.
5. Ajoutez des formes personnalisées en glissant-déposant les fichiers sur le bloc-notes.

Ajout de formes personnalisées dans le Bloc-notes

Modifier des formes personnalisées dans le Bloc-notes

Une fois que vos formes personnalisées sont dans le Bloc-notes, vous pouvez les modifier. Voici comment :

1. Sur le canevas, cliquez sur une forme.
2. Cliquez sur les points bleus et faites-les glisser pour redimensionner la forme.
3. Utilisez le panneau de droite pour personnaliser davantage la forme, notamment sa couleur, son texte et sa taille.
4. Lorsque vous avez terminé, cliquez sur la forme, puis sur l’icône plus dans le bloc-notes.
5. La forme sera ajoutée à vos formes personnalisées.

Modifier des formes personnalisées dans le bloc-notes

Supprimer et renommer des formes personnalisées dans le bloc-notes

Vous pouvez gérer vos formes personnalisées en les supprimant ou en les renommant dans le scratchpad. Suivez les étapes suivantes :

1. Dans le scratchpad, cliquez sur l’icône du crayon.
2. Pour supprimer une forme du scratchpad, cliquez sur le x dans le coin supérieur droit de la forme.
3. Cliquez sur le champ de texte situé sous une forme pour saisir un nom. Par défaut, les formes ajoutées au scratchpad sont sans titre.
4. Cliquez sur Enregistrer lorsque vous avez terminé vos modifications.

Supprimer et renommer des formes personnalisées avec le scratchpad

Exporter des formes personnalisées dans une bibliothèque de formes

Pour utiliser vos formes personnalisées ailleurs ou les partager, vous pouvez les exporter dans une bibliothèque de formes. Procédez comme suit :

1. Dans le bloc-notes, cliquez sur l’icône du crayon.
2. Cliquez sur Exporter pour enregistrer vos formes personnalisées dans une bibliothèque de formes.
3. Saisissez un nom de fichier pour votre bibliothèque de formes personnalisées et sélectionnez l’emplacement où vous souhaitez enregistrer le fichier.
4. Cliquez sur Enregistrer.

Exporter des formes personnalisées dans une bibliothèque de formes

Travailler avec des diagrammes Visio

Draw.io Diagrams permet une transition fluide entre les outils de création de diagrammes, ce qui vous permet de travailler avec vos diagrammes Visio sur différentes plates-formes sans perdre aucun détail. Voici comment les importer et les exporter :

1. Lancez l’application Diagrammes Draw.io.
2. Pour importer, cliquez sur Fichier dans le coin supérieur gauche, passez sur Importer de et sélectionnez Appareil. Vous pouvez également charger votre fichier Visio (VSDX) à l’aide de l’un des services cloud proposés dans le menu.
3. Choisissez le fichier Visio (VSDX) sur votre appareil et cliquez sur Ouvrir pour l’importer.
4. Pour exporter, après avoir terminé votre diagramme, cliquez sur Fichier, passez sur Exporter sous et sélectionnez Visio (VSDX).
5. Suivez les prompts pour terminer la procédure d’exportation.

CONSEIL : Vous pouvez importer et exporter votre fichier Visio (VSDX) directement au format Miro Diagram.

Importer et exporter des diagrammes dans l’application Diagrammes Draw.io

Enregistrer, modifier et exporter des diagrammes Draw.io

Cette section couvre les étapes finales essentielles de votre workflow de diagrammes : enregistrer votre travail sur le tableau Miro, effectuer des modifications ultérieures et exporter vos diagrammes dans différents formats.

Sauvegardez votre diagramme draw.io

Après avoir apporté des modifications dans l’application Diagrammes Draw.io, vous devez enregistrer votre travail sur le tableau Miro. Suivez les étapes suivantes :

1. Lorsque vous avez fini d’apporter des modifications à votre diagramme, n’oubliez jamais de cliquer Enregistrer et fermer dans le coin supérieur droit de l’application Diagrammes Draw.io.
2. L’application Diagrammes Draw.io se ferme et votre diagramme apparaît automatiquement sur votre tableau Miro.

Sauvegarde d’un diagramme à partir de l’application Diagrammes Draw.io

Modifiez votre diagramme draw.io

Si vous devez apporter d’autres modifications à un diagramme déjà présent sur votre tableau Miro, voici comment le modifier :

1. Sur votre tableau Miro, sélectionnez le diagramme que vous souhaitez modifier.
2. Une barre d’outils apparaît.
3. Dans la barre d’outils, cliquez sur l’icône du crayon Modifier.
4. L’application Diagrammes Draw.io s’ouvre et vous pouvez apporter des modifications au diagramme.

Modifier un diagramme dans l’application Diagrammes Draw.io

Exportez votre diagramme draw.io

Vous pouvez exporter votre diagramme dans plusieurs formats, notamment PNG, JPEG et PDF directement depuis l’application. Suivez ces instructions :

1. Cliquez sur Fichier dans le coin supérieur gauche de l’application Diagrammes Draw.io.
2. Survolez Exporter sous.
3. Choisissez le format souhaité et suivez les instructions.
4. Cliquez sur Exporter.

Exportation d’un diagramme depuis l’application Diagrammes Draw.io

Informations de référence

Cette section fournit des informations complémentaires, notamment des cas d’utilisation spécifiques et une FAQ pour Draw.io Diagrams, afin de vous aider à tirer le meilleur parti de cet outil.

Quand utiliser les diagrammes Draw.io ?

Draw.io Diagrams est particulièrement utile lorsque vos projets nécessitent des fonctionnalités de diagrammes plus spécialisées. Envisagez de l’utiliser dans les cas suivants :

• Bibliothèques de formes spécialisées : Accédez à des formes spécialisées, qu’il s’agisse de schémas électriques complexes ou de l’agencement spécifique de plans d’étage.
• Personnalisation : Créez vos propres packs de formes avec Visio (fichiers VSSX) ou directement dans draw.io pour adapter vos diagrammes à vos besoins.
• Intégration transparente : Draw.io assure une compatibilité fluide avec les principaux outils de création de diagrammes tels que Visio, Lucidchart, etc. Partagez et collaborez sans effort, en utilisant Visio (VSDX) comme format universel.
• Conserver les détails importants : Conservez les métadonnées essentielles des calques et des formes (le texte de vos diagrammes) afin de préserver la richesse des informations lors de la migration depuis Visio, draw.io ou Lucidchart.

✏️ Cette application de plateforme tierce utilise le code open source Draw.io du dépôt Github ; elle est hébergée de manière sécurisée par Miro, et aucune donnée n’est partagée avec des tiers. Draw.io est fermé aux contributions. Par conséquent, cette application de plateforme tierce est fournie "en l’état", avec tous ses bugs et erreurs, et est proposée sans aucune garantie, indemnité, engagement en matière de sécurité ni service d’assistance de la part de Miro ou de Draw.io.

Foire aux questions

Voici les réponses à quelques questions fréquentes sur l’utilisation de l’application Draw.io Diagrams dans Miro.