Similayer est un plugin de productivité Figma conçu pour aider les designers à auditer, sélectionner, et modifier simultanément des couches (ou layers) qui partagent des propriétés similaires dans un fichier de design, et ce, à travers plusieurs cadres de travail (frames).
Il s’agit d’un outil de sélection avancée qui va au-delà des capacités natives de sélection de Figma.
Fonctionnalités clés
- Sélection basée sur les propriétés : Au lieu de sélectionner manuellement, Similayer permet de spécifier exactement quelles propriétés les couches doivent partager pour être sélectionnées. Ces propriétés peuvent inclure :
- Remplissage (couleur spécifique ou style de couleur/token).
- Stroke (bordure).
- Effets (ombres portées, flous).
- Typographie (nom de la police, poids, taille).
- Nom du calque (en utilisant des expressions régulières).
- Taille et position (largeur, hauteur).
- Opacité, etc.
- Audit de Fichier : c’est un outil essentiel pour le nettoyage et l’audit des fichiers de Design System. Si un designer a utilisé par erreur un code hexadécimal direct (
#F00000) au lieu du Design Token sémantique ($color.feedback.error), Similayer peut identifier toutes ces instances en recherchant les couches ayant le remplissage#F00000. - Correction de masse : une fois les couches similaires sélectionnées, vous pouvez les modifier toutes en même temps, par exemple :
- Appliquer le style de couleur/token sémantique correct.
- Mettre à jour une police obsolète.
- Remplacer un composant (en sélectionnant le calque interne d’une instance).