Sattive SVG Studio – Secure SVG Management & Live Editing

Sattive SVG Studio is the ultimate SVG power-up for WordPress. While WordPress blocks SVGs by default for security reasons, Sattive SVG Studio allows you to safely upload, sanitize, and visually edit vector graphics without ever leaving your dashboard.

Built with performance and user experience in mind, Sattive SVG Studio features a premium, node-based visual editor powered by Fabric.js. Whether you need to change the color of an icon, add a drop shadow, or reorganize the layers of a complex illustration, this plugin makes it as easy as using a professional design tool.

🌟 Core Features

• Secure SVG Uploads: Automatic XML sanitization strips malicious scripts and prevents XSS attacks on upload.
• Native Media Library Integration: View your SVG thumbnails perfectly rendered in the WordPress grid—no more blank document icons.
• Sattive SVG Studio Workspace: A complete visual editing environment built directly into the Attachment Details modal.
• Segment Selection: Click on specific shapes or paths within your SVG to edit them individually, just like in Figma or Illustrator.
• Live Appearance Controls: Instantly tweak Fill Colors, Stroke Colors, Stroke Weights, and Opacity.
• Advanced Effects: Add customizable Drop Shadows (Color, Blur, X/Y Offset) to any shape.
• Layer Management: Bring shapes forward, send them backward, duplicate, delete, or flip them horizontally/vertically.
• Canvas Controls: Apply a background color to your SVG or instantly center all objects.
• History Engine: Made a mistake? Use the built-in Undo/Redo buttons (or Ctrl+Z / Ctrl+Y keyboard shortcuts).

🚀 How It Works

1. Upload an SVG to your Media Library.
2. Click on the image and hit the blue “Edit SVG with Sattive SVG Studio” button.
3. The Studio editor will launch. Click any shape to change its color, add a shadow, or move it around.
4. Click Apply Changes. The plugin securely overwrites the original file on your server, instantly updating it across your website.

Third-Party Libraries

• Fabric.js (v5.3.1) – https://github.com/fabricjs/fabric.js (Licensed under MIT)