Clip Path Generator
SVG Clip Path Generator, Image Mask generator, Insert SVG, copy HTML/CSS code
Plugin Preview
About this plugin
✨ CSS and SVG Clip Path GeneratorCSS Clip-Path Maker - Visual Shape EditorUpgrade in plugin via Figma or get a license keyNew features:Edit polygon pathsAdded new path mask complex shapesEdit in codepenBetter svg and css code generationCreate stunning CSS clip-path shapes with visual editor and draggable handlesTransform your web designs with this powerful visual CSS clip-path generator. Create stunning geometric shapes, custom polygons, and complex clipping masks without writing code.Key Features:Image Gallery Selector - Choose from curated background images to preview your clip pathsUpload from Device - Test your shapes with your own images for perfect resultsEditable Polygon Handles - Drag vertices to fine-tune your shapes in real-timeComplex Path Shapes - pre-built shapes: triangles, stars, arrows, frames, and moreHTML & CSS Code - Get clean, copy-ready CSS clip-path code instantlySVG Code Support - Export shapes as SVG paths for maximum compatibilityLive Preview - See your changes instantly with real-time visual feedbackOne-Click Copy - Copy CSS code to clipboard with a single clickPerfect for web designers, developers, and anyone looking to add unique geometric elements to their projects. No coding experience required - just point, click, and create!
Plugin Details
| Version | 9 |
|---|---|
| Created | October 8, 2024 |
| Last Updated | October 1, 2025 |
| Category | editing & effects plugins |
| Creator | Eugenio Ciccale |
| Stats | 1006 installs, 38 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:ui.html
- main:main.js
- Document Access:dynamic-page
- Network Access:
License activation, validation and feedback submision
- Editor Types:figma
- Allowed Domains:
- https://api.airtable.com
- https://images.unsplash.com
- https://server.plusuidesign.com/
More Like This
Discover other plugins in the editing & effects plugins category.