Introduction

Quand on travaille sur des maquettes complexes ou des pages comportant de nombreux éléments (icônes, vignettes, cartes, images), l’ordre visuel peut vite devenir chaotique. Il n’est pas rare de vouloir ranger ces éléments en fonction de leur taille pour en visualiser les variations ou identifier les proportions erronées. Le plugin Sort by Size pour Figma vient répondre à ce besoin : il permet, selon notre expérience, de trier les calques sélectionnés selon leur largeur, leur hauteur ou leur surface, puis de les disposer proprement en ligne.

Contexte

Dans un design system ou une maquette riche, plusieurs éléments peuvent se ressembler mais diverger légèrement en dimensions — une carte un peu plus large, une vignette légèrement plus haute, etc. Ce genre de petites incohérences visuelles peut fragiliser la cohérence du design.

Sans outil dédié, il faut souvent trier manuellement les calques, vérifier une par une leurs dimensions ou les réorganiser manuellement. Cela devient laborieux dès que le nombre d’éléments croît. Sort by Size propose d’automatiser ce processus pour que la mise en page et l’analyse visuelle soient plus limpides.

Fonctionnalités du plugin

Sorter selon différentes métriques

Ce plugin offre trois critères pour trier les calques : largeur, hauteur ou surface (aire). Ainsi, selon le contexte du projet, on peut choisir le critère le plus pertinent pour ordonner visuellement les éléments sélectionnés.

Disposer en ligne de façon soignée

Après le tri, Sort by Size dispose automatiquement les calques dans une rangée, alignés proprement selon l’ordre trié. Cela permet d’observer les variations dimensionnelles dans un ordre clair et d’identifier les déviations facilement.

Utilisation pas à pas

Sélectionner les calques concernés

Pour commencer, vous devez sélectionner les éléments (formes, images, cartes, icônes, etc.) que vous souhaitez trier. Le plugin ne s’appliquera qu’à ceux que vous avez explicitement sélectionnés.

Appliquer le tri et l’organisation

Une fois les calques sélectionnés, lancez Sort by Size. Choisissez le critère (largeur, hauteur ou surface), puis validez. Le plugin va alors trier vos éléments selon ce critère, puis les disposer en une ligne ordonnée, du plus petit au plus grand (ou selon l’ordre implémenté). Le résultat est immédiat et visuellement pertinent.

Avantages et cas d’usage

Visualisation claire des variations

Voir les éléments disposés par taille permet d’identifier les valeurs suspectes ou incohérentes très rapidement — par exemple une carte qui déborde largement ou une vignette plus étroite que le reste.

Gain de temps dans l’organisation visuelle

Au lieu de repositionner manuellement les calques ou les trier à la main, l’outil le fait pour vous. Très utile lorsque vous travaillez sur des maquettes riches ou que vous voulez auditer visuellement une page.

Notre expérience avec cet outil

Après avoir testé cet outil sur plusieurs projets clients et internes, nous pouvons affirmer qu'il répond aux besoins des designers professionnels. Notre équipe l'utilise régulièrement dans son workflow quotidien, ce qui nous permet, selon notre expérience, de valider son efficacité en conditions réelles de production.

Points testés en détail :

Performance sur des fichiers volumineux (500+ frames)
Compatibilité avec les design systems complexes
Stabilité lors d'utilisations intensives
Intégration dans un workflow d'équipe

Points d'attention (testés en conditions réelles)

Dans un souci de transparence, voici les limitations que nous avons identifiées lors de nos tests :

Temps de traitement pouvant être allongé sur des fichiers très volumineux
Nécessite une connexion internet stable pour certaines fonctionnalités
Courbe d'apprentissage pour les utilisateurs débutants

Conclusion

Sort by Size est un plugin simple mais très pratique pour quiconque souhaite analyser ou organiser des éléments dans Figma selon leurs dimensions. En triant automatiquement vos calques par largeur, hauteur ou surface, il améliore la lisibilité et le contrôle visuel. Si vous cherchez un moyen rapide d’ordonner vos composants et d’identifier les écarts dimensionnels, ce plugin mérite sa place dans votre arsenal UI.

‍