---
title: "Figma Cursor — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Aviral Lakhanpaul · Cursors. Figma Cursor enhances user experience with fluid motion and subtle micro-interactions — no code."
canonical: "https://framer.elliotli.dev/component/figma-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Figma Cursor

# Figma Cursor

Smooth and fun cursor with chip

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

![Figma Cursor preview image 1](https://framer.elliotli.dev/og/component/figma-cursor/017be2ac3fdbee0d/1600x1200.jpg)

## Summary

Figma Cursor enhances user experience with fluid motion and subtle micro-interactions — no code.

## Description

### Perfect for portfolios, agency sites, and product pages.

Figma Cursor enhances user experience with fluid motion and subtle micro-interactions — no code.

## Features

-   Inspired by Figma’s iconic live cursor look
    
-   Built with smooth motion physics for a natural follow feel
    
-   Fully responsive and lightweight — optimised for performance
    
-   Works on any layout or page setup
    
-   Adds a premium interactive feel that instantly elevates your UI
    

## Customisations

-   Cursor - size, colour, border properties, and shadow properties
    
-   Responsive Toggle — enable adaptive behaviour across devices
    
-   Chip - text, font, colour, background colour, padding, radius, alignment, offset, stiffness and damping
    

## Usage

1.  Copy and paste the component into your project.
    
2.  Place it in your primary breakpoint.
    
3.  Change Type to Fixed and pin it to the top of the page.
    
4.  Set Width to Relative 100% and Height to Viewport 100vh.
    
5.  Done! You now have a Figma-style cursor with a smart floating chip.
    

**NOTE**: Keep the z-index of the component to a higher value (>1), but lower than the interactable elements in your web page, otherwise the cursor will not be able to detect them.

### After completing your purchase, you will receive a link to the component.

**Copy the URL and paste it into your Framer project to import it.**

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-5hqudnho-66gQdBdvbtdUBTsav08Sqy0Gy000oY)](https://polar.sh)

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

-   All · #2509

## Details

- **Author**: Aviral Lakhanpaul
- **Price**: $5.00
- **Published**: 2025-10-10
- **Updated**: 2026-07-02
- **Added**: 2025-10-06
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…