Preview for Create Vector SVG Files
Create Vector SVG Files workflow diagram

Run this workflow on InstaSD

Get started in minutes! Run this ComfyUI workflow online - no setup required.

Description

Create vector-based SVG illustrations from AI-generated or user-provided images using this versatile SDXL Vector SVG Workflow in ComfyUI. Whether you're starting with a prompt or importing an existing image, this workflow supports black & white or color vectorization, ideal for clean, scalable graphics ready for print, laser cutting, or web design.


🎯 Features

  • Prompt-to-Image Generation – Use SDXL to generate base imagery for vectorization.
  • Black & White SVG – Simplified silhouettes using ConvertRasterToVectorBW for sharp contrast vectors.
  • Color SVG Support – Use ConvertRasterToVectorColor to retain color layers and gradients in vector format.
  • SVG Export – Save results as .svg files directly using SaveSVG.
  • PNG Previews – Also exports PNG versions of vector results for easy previews.
  • Flexible Input – Accepts both generated images and user-loaded images.

💡 Use Cases

  • Icon & Logo Design – Generate crisp, scalable assets for digital branding.
  • Stickers & Laser Cuts – Create SVGs ready for Cricut, Glowforge, or vinyl cutting machines.
  • Web & UI Art – Design vector graphics for responsive interfaces.
  • Print Media – Convert art into scalable format suitable for t-shirts, mugs, or posters.
  • Digital Illustration – Produce artistic, line-based or layered color renderings for comic or graphic novel work.

⚙️ How It Works

  1. (Optional) Generate Image – Use EmptyLatentImage, CLIPTextEncode, and KSampler to create an initial image using SDXL.
  2. Decode the Image – Pass the latent output to VAEDecode for visual preview and further processing.
  3. Choose Vectorization Mode:
    • For Black & White:
      • Use ConvertRasterToVectorBW and connect to SaveSVG and ConvertVectorToRaster for PNG export.
    • For Color SVG:
      • Use ConvertRasterToVectorColor, then export using SaveSVG and preview via ConvertVectorToRaster.
  4. Image-Only Option – Skip generation and load your own image directly into the vectorization nodes.
  5. Export Results – Save final outputs in SVG and PNG formats (e.g., svgbw.svg, svgc.svg, pngbw.png, pngc.png).

Credits: pixaroma

Models

FileDestinationSource
Juggernaut_X_RunDiffusion.safetensors/ComfyUI/models/checkpointsDownload

Nodes

ConvertVectorToRasterSaveImageConvertRasterToVectorBWSaveSVGConvertRasterToVectorColorKSamplerVAEDecodeCLIPTextEncodeEmptyLatentImageCheckpointLoaderSimpleFast Groups Muter (rgthree)Note