
Ariel Barrios
Drawing component
FreeJust a free drawing component
Searching…
A Figma-style selection frame for
Figma Selection turns any image into a live selection box, just like grabbing a layer in Figma: a blue frame with four corner handles sits around it, and dragging a corner scales…
Figma Selection turns any image into a live selection box, just like grabbing a layer in Figma: a blue frame with four corner handles sits around it, and dragging a corner scales and spins the image in real time — release, and it springs right back to its true size. Nothing else on the page ever moves, because the resize is purely visual.
Every part of the frame is customizable: color, border width, corner handle size and colors, padding, and whether the frame scales along with the image or stays a constant weight. Works with any image, and stays crisp at any size since nothing is rendered as a blurry CSS zoom.
Drag any corner to scale and rotate at once, centered and ratio-locked
Springs back to true size and orientation on release
Min / Max scale limits; rotation can be turned off
Optional live "W × H" dimension pill, Figma-style
Bigger invisible hit area on each handle, no visual size change
Optional Bring to Front while resizing or dragging, so it's never hidden behind other elements
Optional freeform drag to reposition, without touching the real layout
Snap Back to origin, or leave it with optional Momentum
Spring stiffness/damping shape both the snap-back and the corner release
Grab / grabbing cursor while dragging; corners keep their own resize cursors
Frame color/width and handle fill/border are independent
Padding always scales with the image; frame and handles can scale too, or stay a fixed weight
Size it however you like — fix the width and set height to Fit to match your image's own proportions
Drag Figma Selection onto your canvas
Upload your image
Publish
All sales of digital products are final and non-refundable. Questions? Contact [email protected] before purchasing. Enjoy!