> ## Documentation Index
> Fetch the complete documentation index at: https://vector.storyship.studio/llms.txt
> Use this file to discover all available pages before exploring further.

# Transform Bitmaps into Scalable Vectors

> Professional AI-powered vectorization directly in Figma. Convert PNG, JPG to perfect SVG with smart presets and pro controls.

<img className="rounded-xl border border-gray-200 dark:border-gray-800" src="https://mintcdn.com/vectorized/ykrACu7FU0Tosj-7/images/og-image.png?fit=max&auto=format&n=ykrACu7FU0Tosj-7&q=85&s=0dbc1201eddfed375f86e5485552470e" alt="Transform bitmaps into vectors with AI - before and after comparison showing a cat illustration" width="1920" height="1080" data-path="images/og-image.png" />

## Turn Any Image into Perfect Vectors

Vectorized (AI Vectorizer) - Image Tracer uses advanced AI technology to convert photos, logos, and illustrations into crisp, editable SVG vectors—without ever leaving Figma.

<CardGroup cols={3}>
  <Card title="Smart Presets" icon="wand-magic-sparkles" color="#16A34A">
    One-click optimization for logos, illustrations, line art, and complex artwork
  </Card>

  <Card title="Instant Preview" icon="eye" color="#3B82F6">
    See results before spending credits with HD preview mode (only 2 credits)
  </Card>

  <Card title="Pro Controls" icon="sliders" color="#8B5CF6">
    Fine-tune quality, detail, colors, and style for pixel-perfect results
  </Card>
</CardGroup>

***

## Get Started in Minutes

<Steps>
  <Step title="Install Plugin">
    Add Vectorized (AI Vectorizer) - Image Tracer from the Figma Community in seconds
  </Step>

  <Step title="Select Image">
    Choose any raster image (PNG, JPG) in your Figma design
  </Step>

  <Step title="Convert">
    Pick a smart preset or customize settings, then convert to SVG
  </Step>
</Steps>

<Card title="Quick Start Guide" icon="rocket" href="/getting-started/quick-start" color="#16A34A">
  Complete your first vectorization in 5 minutes →
</Card>

***

## Why Vectorize Your Images?

<AccordionGroup>
  <Accordion title="🔍 Scale Infinitely Without Quality Loss" icon="maximize">
    Vector graphics remain perfectly crisp at any size—from tiny mobile icons to massive billboard prints. No more pixelation when you zoom in or scale up. Perfect for responsive designs, multi-device support, and high-resolution displays.

    **Use cases**: Logo systems, icon libraries, scalable UI components, print materials
  </Accordion>

  <Accordion title="✏️ Fully Editable in Figma" icon="pen-to-square">
    Once converted, your SVG becomes a native Figma vector. Modify colors, adjust shapes, edit paths, and apply Boolean operations—all with Figma's powerful vector editing tools. No need to go back to the original bitmap.

    **Unlock**: Color customization, shape modification, component creation, design system integration
  </Accordion>

  <Accordion title="📦 Dramatically Smaller File Sizes" icon="box">
    SVG files are typically 5-10x smaller than PNG equivalents, leading to faster page loads, reduced bandwidth usage, and better performance across your designs and websites.

    **Benefits**: Faster prototypes, quicker exports, improved web performance, lower storage costs
  </Accordion>

  <Accordion title="🎨 Design System Ready" icon="palette">
    Vectorized assets integrate seamlessly into your component libraries. Create color variants, swap instances, and maintain consistency across your entire design system.

    **Perfect for**: Component libraries, design tokens, brand assets, reusable UI elements
  </Accordion>

  <Accordion title="♿ Accessibility & SEO Benefits" icon="universal-access">
    SVGs support alt text, can be indexed by search engines, and scale perfectly for users with visual impairments who need to zoom in. Better for everyone.

    **Advantages**: Screen reader support, searchable content, responsive accessibility, semantic markup
  </Accordion>
</AccordionGroup>

***

## Powered by Industry-Leading Technology

<img src="https://mintcdn.com/vectorized/ykrACu7FU0Tosj-7/images/og-image.png?fit=max&auto=format&n=ykrACu7FU0Tosj-7&q=85&s=0dbc1201eddfed375f86e5485552470e" alt="Bitmap vs Vector Comparison" className="rounded-xl border border-gray-200 dark:border-gray-800" width="1920" height="1080" data-path="images/og-image.png" />

Built on the [**Vectorizer.ai**](https://vectorizer.ai) API. Get enterprise-quality vectorization with Figma-native convenience.

<CardGroup cols={2}>
  <Card title="View Pricing" href="/support/credits-pricing" icon="credit-card">
    Flexible credit packages starting at just \$4
  </Card>

  <Card title="See Examples" href="/user-guide/best-practices" icon="images">
    Real-world use cases and pro tips
  </Card>
</CardGroup>

***

## Perfect For Every Use Case

<Tabs>
  <Tab title="Designers">
    **Convert client assets, stock images, and hand-drawn sketches into editable vectors**

    * Clean up low-resolution logos
    * Vectorize illustration references
    * Transform scanned sketches
    * Create scalable icon sets
  </Tab>

  <Tab title="Product Teams">
    **Build consistent design systems with vectorized brand assets**

    * Standardize logo variations
    * Create responsive components
    * Build scalable UI libraries
    * Maintain brand consistency
  </Tab>

  <Tab title="Developers">
    **Optimize assets for web and mobile with lightweight SVGs**

    * Reduce bundle sizes
    * Improve page load times
    * Enable programmatic styling
    * Support dark mode easily
  </Tab>

  <Tab title="Agencies">
    **Deliver client work faster with automated vectorization**

    * Revive legacy brand assets
    * Prepare files for print
    * Create presentation graphics
    * Scale illustrations efficiently
  </Tab>
</Tabs>

***

***

## Ready to Get Started?

<CardGroup cols={2}>
  <Card title="Install Vectorized (AI Vectorizer)" icon="download" href="https://www.figma.com/community/plugin/1528574912559745892/vectorized-ai-vectorizer-image-tracer" color="#16A34A">
    Add Vectorized (AI Vectorizer) to your workspace now
  </Card>

  <Card title="View Documentation" icon="book-open" href="/getting-started/installation">
    Follow our step-by-step installation guide
  </Card>
</CardGroup>

<Note>
  **New to vectorization?** No problem! Our [Quick Start Guide](/getting-started/quick-start) walks you through your first conversion in just 5 minutes.
</Note>

***

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="How much does it cost?" icon="dollar-sign">
    Vectorized uses a credit-based system. Preview costs 2 credits, full conversion costs 10 credits. Credit packs start at \$4 for 100 credits (\~10 conversions). No subscription required. [View pricing details →](/support/credits-pricing)
  </Accordion>

  <Accordion title="Is my design data safe?" icon="shield-check">
    Absolutely. We never store your design files. Images are sent to Vectorizer.ai for processing and immediately deleted after conversion. No training on your data, no third-party sharing. [Read privacy policy →](/legal/privacy-policy)
  </Accordion>

  <Accordion title="What image formats are supported?" icon="file-image">
    The plugin works with any Figma node containing an image fill, including PNG and JPG formats. Works with imported images, pasted screenshots, and drag-and-dropped files.
  </Accordion>

  <Accordion title="Can I try before buying credits?" icon="circle-question">
    Yes! Install the plugin for free and explore all the settings. You'll need credits to perform actual conversions, but you can see the interface and select presets. We recommend starting with the Starter Pack (\$4 for 100 credits) to test on a few images.
  </Accordion>

  <Accordion title="What if I'm not happy with the result?" icon="face-frown">
    Use the HD Preview feature (only 2 credits) to test settings before the full conversion. You can adjust presets and parameters, preview again, and only convert when you're satisfied. [Learn optimization tips →](/user-guide/best-practices)
  </Accordion>
</AccordionGroup>

***

<Card title="Need Help?" icon="life-ring" href="/support/faq">
  Visit our comprehensive FAQ and troubleshooting guide
</Card>