SVGMaker - AI SVG Generator, Vector & Logo Maker

About this plugin

SVGMaker is an AI-powered vector generator, SVG editor, and image-to-vector converter for Figma. Create editable illustrations, logos, icons, and web graphics from text prompts or images, browse and download unlimited vector assets for free, and export high-quality SVG or PNG files instantly.

⚡️ Key features

1. AI SVG Generator – Create high-quality SVGs instantly from text prompts.
2. AI SVG Editor – Fine-tune generated SVG files with fully editable paths.
3. AI Image To SVG Converter – Convert raster images (PNG, JPG, or Bitmap) into clean, scalable vector graphics.
4. Advanced Style Controls – Customise styles and adjust aspect ratios with precision.
5. Multiple Export Formats – Export designs in vector formats (SVG, AI, PDF, DXF, EPS, PS), raster formats (JPG, PNG, WebP), and JSX components (React, React Native, HTML, CSS).
6. Built-in SVG Editor – Take full manual control of AI-generated vectors and modify them to match your brand requirements.
7. SVG Viewer & Code Editor – View, edit, and write SVG code directly in your browser with a live preview.
8. Developer Integration – Access SVGMaker via its dedicated API and MCP to generate, edit, and convert SVGs programmatically. Seamlessly integrate SVG workflows directly into your code editor, including Claude Code, Cursor, and VS Code

🟣 What you can create

1. Web & App Developers – Use lightweight SVGs for icons, animations, and responsive interfaces.
2. Print-on-Demand & Digital Sellers – Create scalable SVG designs for merchandise and digital products.
3. Crafters & DIY Makers – Generate cut-ready SVG files for crafting machines, vinyl projects, and home décor.
4. Small Businesses – Design professional graphics for apparel, signage, and promotional items.
5. Logo & Brand Designers – Produce clean, editable SVG logos and brand assets.
6. Presentations & Infographics – Enhance slides and reports with sharp, scalable visuals.
7. Game & UI Designers – Build lightweight HUD icons, UI elements, and in-game assets.
8. Content Creators & Marketers – Design engaging graphics for social posts, campaigns, and videos.
9. Education & Non-Profits – Access affordable or free SVGs for learning, teaching, and projects.
10. Tech Innovators – Explore AI-driven SVG workflows and automation.

📘 How to use

1. Install the SVGMaker plugin from the Figma Community.
2. Link your account: Open the plugin and authorize access—your API key is automatically secured so you're ready to create instantly.

1.Generate SVGs

Turn text prompts into high-quality SVG illustrations.

1. Open the Generate tab
2. Describe your vision in the text box
3. Select your preferred Aspect Ratio and Background style
4. Click Generate SVG to create a scalable vector on your canvas

2.Edit Images

Modify existing vectors or images using AI instructions.

1. Open the Edit tab
2. Select an image on your Figma canvas or upload a file
3. Describe the changes (e.g., "make it cyberpunk style", "remove the background")
4. Click Edit Image to apply the transformation

3.Convert to SVG

Instantly vectorise raster images (PNG, JPG) into editable SVGs.

1. Open the Convert tab
2. Select a raster image on the canvas or upload one
3. Click Convert to SVG to get a crisp, scalable vector path

💬 Feedback & Support

1. Questions, bugs, or feedback? Reach out to info@svgmaker.io