Raccourcis clavier

Les raccourcis clavier vous permettent de travailler plus rapidement sans quitter le canvas. Ils sont inspires des standards des outils de design (Figma, Sketch) et des editeurs de code, vous les connaissez probablement deja.

Raccourcis essentiels#

Ces raccourcis couvrent 80% des besoins quotidiens :

Action	Windows/Linux	macOS
Palette de commandes	`Ctrl + K`	`Cmd + K`
Annuler	`Ctrl + Z`	`Cmd + Z`
Retablir	`Ctrl + Shift + Z`	`Cmd + Shift + Z`
Supprimer	`Delete`	`Delete` / `Backspace`
Dupliquer	`Ctrl + D`	`Cmd + D`
Copier	`Ctrl + C`	`Cmd + C`
Coller	`Ctrl + V`	`Cmd + V`
Tout selectionner	`Ctrl + A`	`Cmd + A`
Zoom 100%	`Ctrl + 0`	`Cmd + 0`
Ajuster a la vue	`Ctrl + 1`	`Cmd + 1`

Zoom#

Action	Raccourci
Zoom in	`Ctrl + Molette vers le haut` ou `Ctrl + +`
Zoom out	`Ctrl + Molette vers le bas` ou `Ctrl + -`
Zoom 100%	`Ctrl + 0`
Ajuster a la vue (fit view)	`Ctrl + 1`

Le zoom centre sur la position du curseur pour un controle precis.

Deplacer la vue (Pan)#

Action	Raccourci
Deplacer la vue	`Clic droit + Glisser`
Alternative	`Espace + Clic gauche + Glisser`
Deplacer de 20px	`Fleches` (quand rien n'est selectionne)
Deplacer de 100px	`Shift + Fleches`

Selection#

Action	Raccourci
Selectionner un element	`Clic`
Selection rectangulaire	`Clic gauche + Glisser` (sur zone vide)
Ajouter a la selection	`Ctrl/Cmd + Clic`
Retirer de la selection	`Ctrl/Cmd + Clic` (sur element selectionne)
Tout selectionner	`Ctrl/Cmd + A`
Deselectionner	`Echap`

Edition#

Actions de base#

Action	Raccourci
Supprimer	`Delete` ou `Backspace`
Dupliquer	`Ctrl/Cmd + D`
Copier	`Ctrl/Cmd + C`
Couper	`Ctrl/Cmd + X`
Coller	`Ctrl/Cmd + V`

Edition inline#

Action	Raccourci
Editer le label d'un node	`Double-clic` sur le node
Editer le label d'une connexion	`Double-clic` sur la connexion
Valider l'edition	`Entree`
Annuler l'edition	`Echap`

Historique#

Action	Raccourci
Annuler (Undo)	`Ctrl/Cmd + Z`
Retablir (Redo)	`Ctrl/Cmd + Shift + Z`
Retablir (alternative)	`Ctrl/Cmd + Y`

L'historique conserve un grand nombre d'actions. Vous pouvez annuler et retablir sans limite pratique.

Canvas#

Action	Raccourci
Palette de commandes	`Ctrl/Cmd + K`
Sauvegarder (manuel)	`Ctrl/Cmd + S`
Exporter en JSON	`Ctrl/Cmd + E`

La sauvegarde est automatique. Ctrl+S force une sauvegarde immediate, utile si vous voulez confirmer que tout est enregistre avant de fermer.

Manipulation des nodes#

Deplacement#

Action	Raccourci
Deplacer le node selectionne	`Fleches`
Deplacer de 10px	`Shift + Fleches`
Contraindre horizontal/vertical	`Shift` pendant le glisser
Positionnement libre (sans grille)	`Alt/Option` pendant le glisser

Ajout#

Action	Raccourci
Ouvrir le menu d'ajout	`Double-clic` sur zone vide
Ajouter via palette	`Ctrl/Cmd + K` puis taper le type

Connexions#

Action	Raccourci
Selectionner une connexion	`Clic` sur la connexion
Editer le label	`Double-clic` sur la connexion
Supprimer	`Delete` (connexion selectionnee)

Mode Presentation#

Action	Raccourci
Ouvrir/fermer l'editeur	`Ctrl/Cmd + Shift + P`
Slide suivant	`→` ou `Espace` ou `Entree`
Slide precedent	`←`
Premier slide	`Home`
Dernier slide	`End`
Basculer plein ecran	`F`
Quitter	`Echap`

Palette de commandes#

La palette (Ctrl/Cmd + K) est le raccourci le plus puissant :

Action dans la palette	Description
Taper un nom de node	Navigue ou cree
Taper une action	Copier, coller, supprimer...
Taper un type	Ajoute un node de ce type
`Echap`	Ferme la palette
`Fleches`	Navigue dans les resultats
`Entree`	Execute l'action selectionnee

La recherche est floue et multilingue.

Astuces#

Deplacements precis#

Maintenez Shift pendant un deplacement pour :

Contraindre le mouvement a l'horizontal ou vertical
Avec les fleches : deplacer de 10px au lieu de 1px

Positionnement libre avec Alt#

Par defaut, les nodes s'accrochent a une grille de 10px pour garder un alignement propre. Mais parfois vous avez besoin d'un positionnement pixel-perfect :

Alt/Option + Glisser : Desactive temporairement la grille
Utile pour aligner precisement le centre d'un node avec le centre d'un container
L'alignement intelligent (guides bleus) reste actif meme avec Alt

Quand vous approchez du centre d'un autre element (node ou container), une ligne-guide bleue apparait. Relachez pour aligner les centres parfaitement.

Alignement intelligent#

Siovos Archi detecte automatiquement les alignements possibles pendant le deplacement :

Centres alignes : Ligne verticale ou horizontale quand les centres coincident
Bords alignes : Guides quand les bords gauche, droit, haut ou bas s'alignent
Snap automatique : Relachez le node pres d'un guide pour s'y accrocher

Cela fonctionne entre nodes mais aussi entre un node et un container (zone, region).

Selection multiple non adjacente#

Selectionnez le premier element
Maintenez Ctrl/Cmd
Cliquez sur les autres elements
Ils s'ajoutent a la selection

Zoom rapide#

Ctrl + 0 : Revenir a 100%
Ctrl + 1 : Voir tout le diagramme
Ctrl + Molette : Zoom centre sur le curseur

Ctrl/Cmd + K pour ouvrir la palette
Tapez le nom du node
Selectionnez-le
Le canvas centre la vue sur ce node

Personnalisation (a venir)#

Une fonctionnalite de personnalisation des raccourcis est prevue pour une future version. Vous pourrez redefinir les raccourcis selon vos preferences.

Cheat sheet imprimable#

Pour avoir les raccourcis sous les yeux :

Ctrl/Cmd + P pour imprimer cette page
Ou sauvegardez-la en PDF
Collez-la pres de votre ecran

Categorie	Action	Raccourci
Navigation	Palette	`Ctrl/Cmd + K`
	Zoom 100%	`Ctrl/Cmd + 0`
	Fit view	`Ctrl/Cmd + 1`
Edition	Annuler	`Ctrl/Cmd + Z`
	Retablir	`Ctrl/Cmd + Shift + Z`
	Supprimer	`Delete`
	Dupliquer	`Ctrl/Cmd + D`
Selection	Tout	`Ctrl/Cmd + A`
	Deselectionner	`Echap`
Deplacement	Sans grille	`Alt/Option + Glisser`
	Contraindre axe	`Shift + Glisser`

Prochaines etapes#

Palette de commandes pour aller plus loin
Canvas pour les interactions visuelles
Mode Presentation pour les raccourcis de presentation

Documentation