Diagrammes Draw.io par Miro

Personnes : Tous les utilisateurs
Forfaits : les forfaits Free, Starter, Business, Education et Enterprise
Plateformes : Navigateur, Bureau

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

Fonctionnalités clés des diagrammes Draw.io

Vous pouvez rationaliser votre processus de création de diagrammes avec une gamme de fonctionnalités avancées disponibles dans l'application Diagrammes Draw.io. Ces capacités permettent une personnalisation accrue, une efficacité améliorée et une intégration avec 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.
• Importer des diagrammes depuis 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 d'une feuille de calcul CSV et les informations de formatage, 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.

Commencez avec Diagrammes Draw.io

Cette section vous guide pour accéder et configurer initialement l'application Diagrammes Draw.io sur votre tableau Miro, afin qu'elle soit facilement disponible pour vos tâches de création de diagrammes.

Lancez l’application Diagrammes Draw.io

Pour commencer à utiliser les diagrammes Draw.io, vous devez d'abord les 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. Lancer l’application Diagrammes Draw.io.

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

Ajouter Diagrammes Draw.io à la barre d’outils

Pour un accès plus facile à l'avenir, vous pouvez épingler l'application Diagrammes Draw.io directement à votre barre d'outils de création. Voici comment :

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

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

Créez des diagrammes avec Draw.io

L'application Diagrammes Draw.io offre une flexibilité dans le démarrage de votre travail de schématisation, vous permettant de commencer avec un canevas vierge ou d'utiliser des modèles préconçus. Vous pouvez également incorporer vos diagrammes existants provenant de diverses sources.

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

Créer un nouveau diagramme

Pour créer un diagramme à partir de zéro, procédez comme suit. Cette méthode offre un canevas vierge pour vos conceptions personnalisées.

✏️ Utilisez les règles, le quadrillage personnalisable et les directives de positionnement de Draw.io pour vous aider à 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 verrez 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, etc. depuis la barre latérale 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 par une structure préconçue, 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 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 que votre diagramme est sur le canevas de l'application Diagrammes Draw.io, vous pouvez modifier ses composants de plusieurs manières pour affiner sa structure et son apparence.

Relier les formes

Connecter des formes est une partie fondamentale de la création de diagrammes. Suivez ces instructions pour créer et personnaliser des connecteurs :

1. Survolez une forme. De petits points de connexion apparaîtront.
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 à vos éléments de diagramme, vous pouvez étiqueter les formes et les connecteurs. Voici comment :

1. Double-cliquez sur la forme ou le connecteur et commencez à taper.
2. Formatez l’étiquette à partir du menu texte sur le côté droit du canevas. Vous pouvez modifier le style, la couleur, la direction et la hauteur de la police.

Ajouter des é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, redimensionner ou 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

Ajoutez des détails importants à vos formes sous forme de métadonnées pour 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.

Éditer les métadonnées de la forme

Ajoutez des calques à votre diagramme.

Les calques permettent d'améliorer l'organisation et la clarté de vos diagrammes, vous permettant de séparer différentes parties pour une édition ou une visualisation ciblée. C'est particulièrement utile 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 de la couche, double-cliquez sur la couche, 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.

Ajouter des calques dans l’application Diagrammes Draw.io

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

Draw.io Diagrams propose de vastes options pour utiliser diverses bibliothèques de formes et gérer des formes personnalisées afin de répondre à vos besoins spécifiques en matière de création 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 à l’aide du pavé tactile

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. Naviguez jusqu’à Afficher.
3. Sélectionnez Pense-bête.
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.

Ajouter des formes personnalisées avec le scratchpad

Modifier des formes personnalisées dans le bloc-notes

Une fois les formes personnalisées dans votre 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 cliquez sur l’icône plus dans le bloc-notes.
5. La forme sera ajoutée à vos formes personnalisées.

Modifier des formes personnalisées avec le scratchpad

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 bloc-notes. Suivez ces instructions :

1. Dans le bloc-notes, 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.

Suppression et renommage 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 sous forme de bibliothèque. Voici le processus :

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.
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 sous forme de bibliothèque

Travailler avec des diagrammes Visio

Draw.io Diagrams permet une transition fluide entre les outils de création de diagrammes, garantissant que vous pouvez travailler avec vos diagrammes Visio sur différentes plates-formes sans perdre de détails. 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.

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

Enregistrez, modifiez et exportez des diagrammes Draw.io

Cette section couvre les étapes finales essentielles de votre flux de travail de diagrammes : sauvegarder votre travail sur le tableau Miro, effectuer des modifications ultérieures et exporter vos diagrammes dans divers 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 sur Enregistrer et fermer dans le coin supérieur droit de l’application Diagrammes Draw.io.
2. L’application Diagrammes Draw.io se fermera, et votre diagramme apparaîtra 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 Modifier en forme de crayon.
4. L’application Diagrammes Draw.io s’ouvrira et vous pourrez apporter des modifications au diagramme.

Édition d’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. Passez sur Exporter sous.
3. Choisissez le format souhaité et suivez les conseils.
4. Cliquez sur Exporter.

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

Informations de référence

Cette section fournit des détails supplémentaires, y compris des cas d'utilisation spécifiques et une foire aux questions pour les diagrammes Draw.io, afin de vous aider à tirer le meilleur parti de cet outil.

Quand utiliser les diagrammes Draw.io ?

Les diagrammes Draw.io sont particulièrement utiles lorsque vos projets ont des besoins de diagrammes plus spécialisés. Considérez l'utiliser dans les scénarios 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 exactement à vos besoins.
• Intégration transparente : draw.io assure une compatibilité fluide avec les principaux outils de création de diagrammes tels que Visio, Lucidchart, et plus. Partagez et collaborez sans effort, en utilisant Visio (VSDX) comme format universel.
• Conservez 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 et est hébergée en toute sécurité par Miro ; 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 les bugs et erreurs, et est offerte sans aucune garantie, indemnité, engagement de sécurité, ni soutien de quelque nature que ce soit de la part de Miro ou Draw.io.

Foire aux questions

Voici les réponses à certaines questions courantes concernant l'utilisation de l'application Diagrammes Draw.io dans Miro.