Dans Figma en version payante, la fonctionnalité « Sélectionner les éléments similaires » (parfois appelée de manière informelle « rechercher des éléments similaires ») permet de sélectionner rapidement tous les calques ou objets de la page courante qui partagent les mêmes propriétés qu’un calque sélectionné par exemple, un style de texte, une couleur de remplissage, un contour, un effet ou une instance de composant.
Comment utiliser « Sélectionner les éléments similaires » dans Figma :
- Sélectionnez un calque (par exemple, un bloc de texte, un rectangle avec une couleur spécifique, ou une instance de composant).
- Cliquez droit dessus.
- Dans le menu contextuel, choisissez « Sélectionner > Sélectionner les éléments similaires ».
Ce que Figma considère comme « similaire » dépend du type de calque :
- Pour les textes : il compare le style de texte (police, taille, graisse, interlignage, etc.) et les propriétés au niveau des caractères.
- Pour les formes ou vecteurs : il compare le remplissage, le contour, les effets (ombres, flous, etc.).
- Pour les instances de composant : il sélectionne toutes les autres instances du même composant maître.
Cas d’usage concrets :
- Modifier toutes les icônes rouges → sélectionnez-en une, utilisez « Sélectionner les éléments similaires », puis changez la couleur.
- Mettre à jour tous les titres H2 → sélectionnez un H2, appliquez « Sélectionner les éléments similaires », puis ajustez la typographie en une seule fois.
- Identifier les doublons ou incohérences → vérifiez si un composant est utilisé partout de façon cohérente.
Limites importantes :
- Ne fonctionne que dans la page active (pas dans tout le fichier ni dans les bibliothèques d’équipe).
- Ne tient compte que des propriétés visuelles ou structurelles, pas de la sémantique ou de l’intention de design.
- Peut manquer des éléments visuellement identiques s’ils ont été créés manuellement (sans styles partagés ou composants).
Astuce pro :
Pour rendre cette fonctionnalité plus fiable et efficace :
- Utilisez systématiquement des Styles partagés (styles de texte, styles de couleur).
- Créez des Composants pour tous les éléments réutilisables.
- Évitez les remplacements manuels : privilégiez les variantes de composants ou les styles paramétrables.
Cette fonction est indispensable pour assurer la cohérence d’un design system et gagner du temps lors des mises à jour massives.
Anglais : Search for similar AI