Figma Selection

Figma Selection

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Le cadre de sélection Figma sur une vraie image de votre site : tirez un coin, elle scale et pivote, relâchez, elle revient

Figma Selection transforme n’importe quelle image en boîte de sélection vivante, comme un calque attrapé dans Figma : un cadre bleu à quatre poignées d’angle l’entoure, et tirer un coin la scale et la fait pivoter en temps réel. On relâche, un spring la ramène à sa taille réelle.

Tout le cadre se personnalise : couleur, épaisseur, taille et couleurs des poignées, padding, et le choix entre un cadre qui suit l’échelle de l’image ou garde une épaisseur constante. Un déplacement libre optionnel permet de bouger l’image sans toucher au layout réel.

Redimensionner et faire pivoter

  • Tirez un coin pour scaler et pivoter d’un coup, centré et ratio verrouillé

  • Retour automatique à la taille et l’orientation d’origine au relâchement

  • Limites de scale min et max, rotation désactivable

  • Pill « W × H » optionnel qui affiche les dimensions en direct, façon Figma

  • Zone de clic élargie autour des poignées, sans changement visuel

Déplacement libre

  • Drag freeform optionnel pour repositionner sans toucher au layout réel

  • Snap Back à l’origine, ou déplacement conservé avec Momentum

  • Spring réglable en stiffness et damping pour le retour et le relâchement

  • Curseurs grab et grabbing pendant le drag, resize sur les coins

Style du cadre et des poignées

  • Couleur et épaisseur du cadre, remplissage et bordure des poignées, réglés séparément

  • Le padding suit toujours l’échelle de l’image, le cadre et les poignées au choix

  • Width fixe et height en Fit pour coller aux proportions de l’image