> For the complete documentation index, see [llms.txt](https://docs.styleai.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1.-reference-mix-and-sketch-development/sketch-vector-conversion-adobe-illustrator.md).

# Sketch Vector Conversion (Adobe Illustrator)

A simple 4-step process to convert images into editable vector graphics using AI design assistant and Adobe Illustrator

### **1. Start with AI sketch generation**

Generate a sketch with the AI design assistant `Download PNG` Click the button.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FegnUx4HL70wSggOQkoig%2Fimage.png?alt=media&amp;token=f6a88d17-f5a2-4cee-8892-7b80bef29102" alt=""><figcaption></figcaption></figure>

### **2. Import and prepare in Adobe Illustrator**

Open Adobe Illustrator and import the downloaded sketch image.

### **3. Go to Window > Object > Image Trace**

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FgbRBfnA1YfnpGLKMo3Ik%2Fimage.png?alt=media&amp;token=0ae9f3ef-01d8-47e2-a2ab-3b13b7c0c078" alt=""><figcaption></figcaption></figure>

### **4. Configure the Image Trace settings**

* From the dropdown menu `Technical Drawing` Select the preset.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2F87BLRw8hIsAh0izYNPpR%2Fimage.png?alt=media&amp;token=0a3bc572-9934-42e1-b188-f646213a6c75" alt=""><figcaption></figcaption></figure>

* `Make Strokes (Create Strokes)` Ensure the option is checked.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FFucCK3e2sQtaJaVviwv2%2Fimage.png?alt=media&amp;token=3a7d917a-b06d-48ac-ad22-2e3ada5b6d3c" alt=""><figcaption></figcaption></figure>

* If satisfied with the preview, `Expand`Click to convert the traced image into editable vector paths.

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2Fb1KaenVU23S5JR2GmQZn%2Fimage.png?alt=media&amp;token=457177c7-dbf1-45d4-aa2c-1d2a49b9a054" alt=""><figcaption></figcaption></figure>

After expanding, the image is now composed of individual line segments that can be edited separately.