Figma Selection transforme n'importe quelle image en élément sélectionnable, avec un cadre bleu et des poignées inspirées de Figma. L'image peut être manipulée librement sans modifier la mise en page réelle : une fois l'interaction terminée, elle retrouve automatiquement sa taille et sa position d'origine.

Features

Interaction

• Redimensionnement et rotation simultanés depuis les coins

• Retour automatique à la taille et à l'orientation d'origine

• Limites de taille minimales et maximales configurables

• Rotation désactivable

• Indicateur de dimensions W × H inspiré de Figma

• Zone de clic élargie autour des poignées pour faciliter l'interaction

Déplacement

• Déplacement libre optionnel sans modifier la mise en page

• Retour à la position d'origine ou inertie configurable

• Animation spring avec réglages de stiffness et damping

• Curseurs adaptés au déplacement et au redimensionnement

Apparence

• Couleur et épaisseur du cadre personnalisables

• Couleurs des poignées indépendantes

• Padding ajustable

• Cadre et poignées pouvant suivre l'échelle de l'image ou conserver une épaisseur constante

• Dimensions flexibles avec option Fit pour conserver les proportions de l'image

Installation

1. Glissez Figma Selection sur votre canvas Framer

2. Importez votre image

3. Personnalisez le cadre et les interactions

4. Publiez