---
title: "Figma Selection — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Nostromo Studio · Interactive. Figma Selection turns any image into a live selection box, just like grabbing a layer in Figma: a blue frame with four corner…"
canonical: "https://framer.elliotli.dev/component/figma-selection"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Figma Selection

# Figma Selection

A Figma-style selection frame for

[View on Framer](https://framer.com/marketplace/components/figma-selection/?via=elliot-li)

![Figma Selection preview image 1](https://framer.elliotli.dev/og/component/figma-selection/93fcbc1fe80dbd81/1600x1200.jpg)

## Summary

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…

## Description

**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.

## Made to Be Yours

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.

## Key Features

### Interaction

-   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
    

### Drag

-   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
    

### Style

-   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
    

## How to Set Up

1.  Drag Figma Selection onto your canvas
    
2.  Upload your image
    
3.  Publish
    

## Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

## Rank history [How rankings work →](/terms#rankings)

-   All · #2484

## Details

- **Author**: Nostromo Studio
- **Price**: $8.00
- **Published**: 2026-08-31
- **Updated**: 2026-09-08
- **Added**: 2026-08-31
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step