---
title: "Vector Editor — Framer component · Best of Framer"
description: "$7.00 · Framer component · by designbydeke · Interactive. Vector Editor turns any SVG path into a live, draggable shape right inside Framer — drag anchor points to move them, drag bezier…"
canonical: "https://framer.elliotli.dev/component/vector-editor"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Vector Editor

# Vector Editor

Drag points, bend curves, edit SVG

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

![Vector Editor preview image 1](https://framer.elliotli.dev/og/component/vector-editor/3cae4a7345b327ac/1600x1200.jpg)

## Summary

Vector Editor turns any SVG path into a live, draggable shape right inside Framer — drag anchor points to move them, drag bezier handles to bend curves, and watch a Figma-style…

## Description

**Vector Editor | Figma-Style Bezier Point Rig**

\[[Live Preview](https://vectoreditor.framer.website)\]

**Vector Editor** turns any SVG path into a live, draggable shape right inside Framer — drag anchor points to move them, drag bezier handles to bend curves, and watch a Figma-style blue selection box with a live size badge track every edit in real time.

\---

**What you will get after purchase:**

\- Live bezier rig — drag anchors to move a shape, drag handles to bend its curves

\-Mirrored handles — smooth curves by default, hold Alt to break into sharp corners

\-Point count control — resample any shape to exactly N evenly-spaced points

\-Figma-style selection chrome — animated blue border, corner handles, live W×H badge

\-Multi-subpath support — shapes with holes render correctly via fill-rule control

\-Fully responsive — scales to any frame size on canvas, no fixed pixel sizing

\-Live path output — see the edited d string update as you drag, ready to copy

\-Native color pickers — accent, fill, and stroke color straight from the panel

\-FREE lifetime updates

\---

**Important Information:**

**License**: Use this component for unlimited personal and commercial projects. One purchase, yours to keep.

**Support**: Have questions or need help setting it up? Reach out anytime.

\- Email: [designbydeke@gmail.com](mailto:designbydeke@gmail.com)

\- X (formerly Twitter): [https://x.com/designbydeke](https://x.com/designbydeke)

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

-   All · #7707

## Details

- **Author**: designbydeke
- **Price**: $7.00
- **Published**: 2026-07-08
- **Updated**: 2026-07-08
- **Added**: 2026-07-08
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase