Dynamic Vectors are places where you can add pre-set vectors to your designs. It can be a single vector or a collection of vectors for customers to choose from, that is why they are dynamic! 
They are a very versatile element, that can be used in many ways on your designs. For example:
  • if you want to add a fixed graphic to your design (like a nice quote, or a frame) you can add it as a dynamic vector
  • if you want to give customers clipart options to choose from (like choosing quotes, or logos) you can upload all those options into a dynamic vector
  • if you want to add a mask to your designs (to give it a cool shape) you can upload it into a dynamic vector

A dynamic vector is represented on the canvas by a dashed line, showing the vector you uploaded onto it inside. If you have uploaded multiple vectors into it, you will only see one of them at a time.

How It Works

When you add a Dynamic Vector to your design:

  • Shoppers see a pre-set vector or a list of vector options to choose from.

  • If you’ve uploaded multiple vectors, shoppers can switch between them by selecting from a product option (like dropdowns or swatches). Only one vector will show at a time—whichever one matches their selection.

  • You define the position, size, and behavior of the vector; shoppers don’t upload or modify the artwork.
  • If multiple color options are added, shoppers will see options to pick from them.
  • If Movable Vector is enabled, shoppers can also reposition or resize the image within the area you define.


In this article:

Dynamic vectors can have one or multiple vectors in them. The file type supported by dynamic vectors is EPS. Make sure the EPS files you upload into the dynamic vector are composed of vector elements. If your EPS file has image elements inside (like PNGs or JPGs) or text elements (with font information) we recommend transforming everything to curves before uploading to Customily.

If you are unsure whether to use dynamic images or dynamic vectors, we recommend using images, as they load faster on previews. If you want to add images to your design check dynamic images.

To add a dynamic vector

You can add dynamic vectors on Designs a Templates by clicking the Dynamic Vector button.

add dynamic vector.png

Each dynamic vector you add will have a Name that you can edit, and a Unique Id for you to easily identify it. 

Adding vector/s options into the dynamic vector

After creating the element you will need to add the vector/s that will go in it. You can add vectors in two ways:

Vector element options.png

Important

Vectors uploaded into the dynamic vector will be set to fit the dynamic vector area. So we always recommend uploading vectors with the same or very similar sizes, to avoid unwanted changes in size when switching between vector options.

To add vector/s into the dynamic vector using libraries

  1. First, you have to create a vector library. You can learn how to create a vector library here.
  2. Select the dynamic vector
  3. Click Pick Library
  4. Choose the vector library you'd like to use

2025-06-05 13.58.36.gif

You will see all the vector options displayed in a list. To see how they look, just click through them.

Tip

If you want to change the order of the vectors, you can do so by editing the library. Learn how to edit a library here.

To add vector/s into the dynamic vector manually

  1. Select the dynamic vector
  2. Click the + Add Vector Option button
  3. Select the vector or vectors (using shift) you want to upload
  4. Repeat 2 and 3 to add as many vector options as you want.

2025-06-05 14.04.21.gif

You will see all the vector options displayed in a list. To see how they look, just click through them.

To delete a vector option, click the mceclip0.png to the right of the vector icon.

To edit a vector option, click the to the right of the vector icon, and upload a new vector.

Tip

You can change the vector options order by clicking the dots to the left of the option. Simply click and drag to rearrange them.

Transform the dynamic vector

Directly on the canvas or by expanding the Transform toolbox, you can transform the dynamic vector:

transform text box.png

Keep in mind

Transforming the dynamic vector will transform all the vectors it contains inside. So if for example, you rotate the dynamic vector element, all vectors inside it will be rotated. If you want to transform one vector option only, you should edit the vector before uploading it into the dynamic vector element.

 

To add color options to the dynamic vector

By changing the dynamic vector Mode, you can apply coloring effects to the vectors. The vector types available are:

Full Color

Vectors in full-color mode will remain exactly as you uploaded them. This is the standard mode for vectors.

full color vector.png

Single Color

This converts the vector into a solid color silhouette. It's ideal for laser cutting, engraving, or simple monogram-style designs. You can define which color is used, or allow the shopper to choose from a list of color options.

single color vector.png

single color 2.png

This is a great option when you offer a selection of designs in different colors (pretty common for decals and vinyl personalization), as customers can pick both vector and color options.

  1. Select the vector placeholder
  2. Expand the Vector Mode toolbox
  3. Select Single color from the Vector Type dropdown
  4. Click the color swatch or the color picker to select a color. Using the swatch you can add colors with Hex, RGB-A, or CMYK-A values (the last 2 depend on the color mode of your design). If you want to add transparency, just slide the Alpha control on the bottom of the chart.

2025-06-05 14.41.08.gif

Keep in mind the single color will be applied to all the vector options on your dynamic vector.

Tip

You can add multiple color options for your vectors. To add more than one color option you can either use a color library or assign multiple color options by clicking Add color option and choosing a new color.

add vector color options.png
You can see a step-by-step guide on how to do that here.

Allow Movable Dynamic vector

Enabling this option allows customers to move and resize the dynamic vector inside the defined area. This is useful when you want to give shoppers more freedom in adjusting the layout—like repositioning an icon within a frame or shifting an artwork around a photo.

To allow Movable Dynamic vector

  1. Select the dynamic image element
  2. Expand the Vector Behavior toolbox
  3. Check Allow moving image vector bounding box

2025-06-05 14.48.41.gif

Tip

When this option is enabled, the dynamic vector dimensions will become the area of movement. Customers will be able to click and drag the vector to change its position within that area. If you want to make the area bigger, just resize the dynamic vector box on the canvas or with the tool box. To test it out in shopper-mode, double click the textbox to move the text around. The area of movement will become red.
If disabled, the text will stay locked in the position you define.

Share

Was this article helpful?

0 out of 0 found this helpful
Have more questions? Submit a request