Raccourcis de l'éditeur Grida
Ce guide est la référence officielle des raccourcis clavier disponibles dans Grida Canvas Editor. Les raccourcis vous permettent d'agir rapidement sans utiliser la souris, ce qui accélère nettement le travail dans l'éditeur.
Les principales opérations sont organisées par catégorie : changement d'outil, transformations, alignement et gestion de l'affichage du canvas. Chaque raccourci est indiqué pour macOS et pour Windows/Linux.
Note: Sur macOS, utilisez Cmd (⌘) pour meta. Sur Windows/Linux, utilisez Ctrl pour ctrl.
| Action | macOS | Windows/Linux | Description |
|---|
| Curseur (sélection) | V | V | Outil de sélection |
| Main | H or Space | H or Space | Déplacer le canvas (Space reste un appui maintenu) |
| Zoom | Z | Z | Zoomer sur le canvas (activation temporaire) |
| Mise à l'échelle | K | K | Outil de mise à l'échelle paramétrique |
| Lasso | Q | Q | Outil lasso (mode vectoriel uniquement) |
| Rectangle | R | R | Insérer un rectangle |
| Ellipse | O | O | Insérer une ellipse |
| Polygone | Y | Y | Insérer un polygone |
| Texte | T | T | Insérer du texte |
| Ligne | L | L | Dessiner une ligne |
| Flèche | ⇧ + L | ⇧ + L | Dessiner une flèche (ligne avec pointe) |
| Conteneur | A or F | A or F | Insérer un conteneur |
| Tray | ⇧ + F | ⇧ + F | Insérer un tray (section d'organisation) |
| Path | P | P | Dessiner un path (outil plume) |
| Crayon | ⇧ + P | ⇧ + P | Dessiner au crayon |
| Pinceau | B | B | Outil pinceau |
| Gomme | E | E | Outil gomme |
| Pot de peinture | G | G | Outil de remplissage (mode bitmap uniquement) |
| Largeur variable | ⇧ + W | ⇧ + W | Outil de largeur variable (mode vectoriel uniquement) |
| Pipette | I or ⌃ + C | I | Prélever une couleur à l'écran |
| Action | macOS | Windows/Linux | Description |
|---|
| Sélectionner tous les pairs | ⌘ + A | Ctrl + A | Sélectionner tous les éléments du même niveau |
| Sélectionner les enfants | Enter | Enter | Sélectionner tous les enfants de la sélection |
| Sélectionner le parent | ⇧ + Enter or \ | ⇧ + Enter or \ | Sélectionner le parent de la sélection courante |
| Pair suivant | Tab | Tab | Sélectionner l'élément suivant au même niveau |
| Pair précédent | ⇧ + Tab | ⇧ + Tab | Sélectionner l'élément précédent au même niveau |
| Échap / Effacer | Escape or Clear | Escape or Clear | Effacer la sélection et quitter les modes actifs |
| Action | macOS | Windows/Linux | Description |
|---|
| Annuler | ⌘ + Z | Ctrl + Z | Annuler la dernière action |
| Rétablir | ⌘ + ⇧ + Z | Ctrl + ⇧ + Z | Refaire la dernière action annulée |
| Couper | ⌘ + X | Ctrl + X | Couper la sélection |
| Copier | ⌘ + C | Ctrl + C | Copier la sélection |
| Copier en PNG | ⌘ + ⇧ + C | Ctrl + ⇧ + C | Copier la sélection comme image PNG |
| Coller | ⌘ + V | Ctrl + V | Coller depuis le presse-papiers |
| Dupliquer | ⌘ + D | Ctrl + D | Dupliquer la sélection |
| Supprimer | Delete or Backspace | Delete or Backspace | Supprimer la sélection |
| Aplatir | ⌘ + E or ⌥ + ⇧ + F | Ctrl + E or Alt + ⇧ + F | Convertir la sélection en paths vectoriels |
| Action | macOS | Windows/Linux | Description |
|---|
| Déplacement fin | Arrow Keys | Arrow Keys | Déplacer la sélection de 1 px |
| Redimensionnement fin (droite) | Ctrl + ⌥ + → | Ctrl + Alt + → | Augmenter la largeur de 1 px |
| Redim. fin (droite, 10 px) | Ctrl + ⌥ + ⇧ + → | Ctrl + Alt + ⇧ + → | Augmenter la largeur de 10 px |
| Redimensionnement fin (gauche) | Ctrl + ⌥ + ← | Ctrl + Alt + ← | Diminuer la largeur de 1 px |
| Redim. fin (gauche, 10 px) | Ctrl + ⌥ + ⇧ + ← | Ctrl + Alt + ⇧ + ← | Diminuer la largeur de 10 px |
| Redimensionnement fin (haut) | Ctrl + ⌥ + ↑ | Ctrl + Alt + ↑ | Diminuer la hauteur de 1 px |
| Redim. fin (haut, 10 px) | Ctrl + ⌥ + ⇧ + ↑ | Ctrl + Alt + ⇧ + ↑ | Diminuer la hauteur de 10 px |
| Redimensionnement fin (bas) | Ctrl + ⌥ + ↓ | Ctrl + Alt + ↓ | Augmenter la hauteur de 1 px |
| Redim. fin (bas, 10 px) | Ctrl + ⌥ + ⇧ + ↓ | Ctrl + Alt + ⇧ + ↓ | Augmenter la hauteur de 10 px |
| Mettre au premier plan | ] | ] | Mettre devant (ou agrandir le pinceau si l'outil pinceau est actif) |
| Mettre à l'arrière-plan | [ | [ | Mettre derrière (ou réduire le pinceau si l'outil pinceau est actif) |
| Avancer d'un calque | ⌘ + ] | Ctrl + ] | Avancer la sélection d'un calque |
| Reculer d'un calque | ⌘ + [ | Ctrl + [ | Reculer la sélection d'un calque |
| Action | macOS | Windows/Linux | Description |
|---|
| Aligner à gauche | ⌥ + A | Alt + A | Aligner la sélection à gauche |
| Aligner à droite | ⌥ + D | Alt + D | Aligner la sélection à droite |
| Aligner en haut | ⌥ + W | Alt + W | Aligner la sélection en haut |
| Aligner en bas | ⌥ + S | Alt + S | Aligner la sélection en bas |
| Centrer horizontalement | ⌥ + H | Alt + H | Centrer horizontalement |
| Centrer verticalement | ⌥ + V | Alt + V | Centrer verticalement |
| Distribuer horizontalement | ⌥ + Ctrl + V | Alt + Ctrl + V | Répartir uniformément à l'horizontale |
| Distribuer verticalement | ⌥ + Ctrl + H | Alt + Ctrl + H | Répartir uniformément à la verticale |
Groupement et mise en page
| Action | macOS | Windows/Linux | Description |
|---|
| Grouper | ⌘ + G | Ctrl + G | Grouper la sélection |
| Dégrouper | ⌘ + ⇧ + G | Ctrl + ⇧ + G | Dégrouper la sélection |
| Grouper avec conteneur | ⌘ + ⌥ + G | Ctrl + Alt + G | Grouper la sélection avec un conteneur |
| Auto-layout | ⇧ + A | ⇧ + A | Appliquer l'auto-layout à la sélection |
| Action | macOS | Windows/Linux | Description |
|---|
| Basculer en gras | ⌘ + B | Ctrl + B | Activer ou désactiver le gras |
| Basculer en italique | ⌘ + I | Ctrl + I | Activer ou désactiver l'italique |
| Basculer le souligné | ⌘ + U | Ctrl + U | Activer ou désactiver le souligné |
| Basculer le barré | ⌘ + ⇧ + X | Ctrl + ⇧ + X | Activer ou désactiver le texte barré |
| Alignement texte gauche | ⌘ + ⌥ + L | Ctrl + Alt + L | Aligner le texte à gauche |
| Alignement texte centre | ⌘ + ⌥ + T | Ctrl + Alt + T | Centrer le texte |
| Alignement texte droite | ⌘ + ⌥ + R | Ctrl + Alt + R | Aligner le texte à droite |
| Justifier le texte | ⌘ + ⌥ + J | Ctrl + Alt + J | Justifier horizontalement le texte |
| Augmenter la taille | ⌘ + ⇧ + > | Ctrl + ⇧ + > | Augmenter la taille de police de 1 px |
| Réduire la taille | ⌘ + ⇧ + < | Ctrl + ⇧ + < | Réduire la taille de police de 1 px |
| Augmenter la graisse | ⌘ + ⌥ + > | Ctrl + Alt + > | Augmenter la graisse de police |
| Réduire la graisse | ⌘ + ⌥ + < | Ctrl + Alt + < | Réduire la graisse de police |
| Augmenter l'interligne | ⌥ + ⇧ + > | Alt + ⇧ + > | Augmenter l'interligne |
| Réduire l'interligne | ⌥ + ⇧ + < | Alt + ⇧ + < | Réduire l'interligne |
| Augmenter l'approche | ⌥ + > | Alt + > | Augmenter l'espacement des lettres |
| Réduire l'approche | ⌥ + < | Alt + < | Réduire l'espacement des lettres |
| Action | macOS | Windows/Linux | Description |
|---|
| Basculer l'état actif | ⌘ + ⇧ + H | Ctrl + ⇧ + H | Basculer l'état actif de la sélection |
| Basculer le verrouillage | ⌘ + ⇧ + L | Ctrl + ⇧ + L | Basculer le verrouillage de la sélection |
| Retirer le fill | ⌥ + / | Alt + / | Supprimer le fill de la sélection |
| Retirer le stroke | ⇧ + / | ⇧ + / | Supprimer le stroke (largeur mise à 0) |
| Échanger fill et stroke | ⇧ + X | ⇧ + X | Échanger les paints de fill et de stroke |
| Opacité à 0 % | 0 (double press) | 0 (double press) | Régler l'opacité à 0 % |
| Opacité à 10 % | 1 | 1 | Régler l'opacité à 10 % |
| Opacité à 20 % | 2 | 2 | Régler l'opacité à 20 % |
| Opacité à 30 % | 3 | 3 | Régler l'opacité à 30 % |
| Opacité à 40 % | 4 | 4 | Régler l'opacité à 40 % |
| Opacité à 50 % | 5 | 5 | Régler l'opacité à 50 % |
| Opacité à 60 % | 6 | 6 | Régler l'opacité à 60 % |
| Opacité à 70 % | 7 | 7 | Régler l'opacité à 70 % |
| Opacité à 80 % | 8 | 8 | Régler l'opacité à 80 % |
| Opacité à 90 % | 9 | 9 | Régler l'opacité à 90 % |
| Opacité à 100 % | 0 (single press) | 0 (single press) | Régler l'opacité à 100 % |
| Action | macOS | Windows/Linux | Description |
|---|
| Zoom ajuster au contenu | ⇧ + 1 or ⇧ + 9 | ⇧ + 1 or ⇧ + 9 | Ajuster le zoom à tout le contenu |
| Zoom sur la sélection | ⇧ + 2 | ⇧ + 2 | Zoomer sur la sélection courante |
| Zoom à 100 % | ⇧ + 0 | ⇧ + 0 | Afficher à 100 % |
| Zoom avant | ⌘ + = or ⌘ + Plus | Ctrl + = or Ctrl + Plus | Zoomer |
| Zoom arrière | ⌘ + - or ⌘ + Minus | Ctrl + - or Ctrl + Minus | Dézoomer |
| Basculer la règle | ⇧ + R | ⇧ + R | Afficher ou masquer la règle |
| Basculer la grille pixel | ⇧ + ' | ⇧ + ' | Afficher ou masquer la grille pixel |
| Basculer l'aperçu pixel | ⌘ + ⇧ + ⌥ + P | Ctrl + ⇧ + Alt + P | Basculer l'aperçu pixel (Disabled ↔ dernier 1x/2x) |
| Basculer le mode contour | ⌘ + ⇧ + O or ⌘ + Y | Ctrl + ⇧ + O or Ctrl + Y | Basculer le mode contour (wireframe) |
| Aperçu | ⇧ + Space | ⇧ + Space | Prévisualiser la sélection courante |
| Action | macOS | Windows/Linux | Description |
|---|
| Augmenter la taille | ] | ] | Augmenter la taille du pinceau quand l'outil est actif |
| Réduire la taille | [ | [ | Réduire la taille du pinceau quand l'outil est actif |
Ces touches modificatrices changent le comportement tant qu'elles restent enfoncées :
| Modificateur | macOS | Windows/Linux | Effet |
|---|
| Shift | ⇧ | ⇧ | Verrouiller l'axe dominant pendant le déplacement, conserver les proportions pendant l'échelle, quantifier la rotation à 15deg |
| Alt/Option | ⌥ | Alt | Déplacer avec clonage, transformer depuis le centre, activer l'outil de mesure, activer la symétrie de padding |
| Meta/Cmd | ⌘ | Ctrl | Configurer le ciblage du raycast surface sur les objets les plus profonds |
| Control | Ctrl | Ctrl | Désactiver le snapping de force pendant le déplacement ou la mise à l'échelle |
Les raccourcis suivants sont définis mais pas encore implémentés :
⇧ + H - Symétrie horizontale
⇧ + V - Symétrie verticale
⌥ + ⌘ + K / Alt + Ctrl + K - Créer un composant
⌥ + ⌘ + B / Alt + Ctrl + B - Éjecter un composant
Tab - Plage de texte : augmenter l'indentation
⇧ + Tab - Plage de texte : diminuer l'indentation