Articles on: Artworks
This article is also available in:

Introducing Artwork 2.0

We are upgrading Teeinblue's artwork to Artwork 2.0, providing a more powerful and flexible way to build your designs.


This update streamlines your workflow with independent layer types and global options. You can now build complex designs faster by reusing settings across layers and artworks, giving you better control over customer personalization.



đź“– Table of Contents




1. Independent Layer Types


  • Before: Some personalization types were placed inside an Image layer, so you had to add an Image layer first:



  • Now: Every personalization option is now a standalone layer. You can select exactly what you need right from the start via the new Layer Picker.

When you click the + Layer button, you’ll see the new layer selection menu. It features a search bar and a categorized sidebar to help you find the right tool instantly.




Also from this change:

  • Resizable Maps: Street, Route, and Star Maps now use a resizable container, they don't depend on a placeholder image anymore.
  • Import from PSD/Canva: By default, Images or Vectors from PSD/Canva are imported as "Static Image"/"Static Vector". Then you can click to convert one to a peronalization type you want.




2. Redesigned Layer Panel


  • Before: a layer's settings were quite messy and users didn't clearly understand the purpose of each section within a layer.


  • Now: Every layer is now structured into clear sections:



Layer's New Sections

  1. Design Settings (formerly General): all visual and design properties for how the layer appears on the canvas (not related to options)

Note:

  • "Enable prefix/suffix" is moved from "Personalization" to the "Design Settings" - which means you can now add prefix/suffix to non-personalize text.
  • The "Enable text background" is moved to the top toolbar.


  1. Populate Values: a new, dedicated section that allows you to sync data from other options. We have expanded the capability of this feature to support more advanced cross-layer connections. (read more point 4 below)


  1. Personalization Settings: This manages your customer-facing form options. All layers have 3 options:
  • No personalization - no option for buyers to customize this layer;
  • Create a new option - add an option to customize this layer (the option is only used for the current layer);
  • Use an existing global option - reuse a global option (learn more on point 3).


Notes:

  • Create a new option is enabled by default - this means when adding a layer (for example: Text) to the artwork, a text will be added to the canvas and a text field will be added to the form.
  • The legacy "Share with another layer" option has been removed from this setting. Please use the "Duplicate & Link" button on layers list instead (learn more on point 5).
  • The "Custom class" option is moved from "Extras" to "Personalization Settings", since it's a form-related option.


  1. Conditional Settings: unchanged.
  2. Extra: unchanged.



3. Global Options: Reuse Across Artworks


  • Before: an option is tied to a layer, and cannot be reused for other layers. You have to manualy create the same option for every layers.


  • Now: We introduce a new Global Options section under Assets - it's where you can store personalization options to reuse them. Define an option once and link it to multiple layers, even across different artworks.


Benefits of Global Option:

  • You don't need to create the same option for every layers, just link with an option from the Global Option storage.
  • You don't need to edit the same option in every layers, for example: change the option title or change a clipart category in all "Dog Breed" layers. Every changes in a Global Option are updated across all layers using it.
  • When a buyer has already filled in a value for a Global Option in one campaign, that value will carry over when they interact with other campaigns using the same option. For example: buyers type "Lucky" to the "Dog Name" option in a campaign, and they will see "Lucky" in other campaigns using the same "Dog Name" option.


For a deeper dive into how to set up and manage these reusable settings, check out our full guide on the Global Options feature here.




4. Advanced "Populate Values"


  • Before: "Populate values from another option" is a toggle in "General", which only supports populating from a single source (Maps or Moon) to Text.


  • Now: We have significantly expanded this feature, allowing for far more complex data syncing between your layers.


  1. UI & Workflow Improvements
  • Dedicated Section: Populate settings now live in their own section within the layer panel.


  • Smart Value Selection: When you pick a source option, you can find all supported values from the source option in "Available values" button. If only one value exists, it is auto-added for you.

After adding a value, you can manually edit the output you want, for example: changing {{lat}}, {{lng}} to My home is at {{lat}} and {{lng}}


  1. Support More Combinations

"Populate value from other option" now supports a much wider range of source and target, including new types: Clipart Category, Photo Upload, Scrabble, Calendar, Moon Phases.




5. Transition "Share with another layer" to "Linked Layers"



  • Before: The "Share with another layer" is inside layer's settings, and shared layers have design properties independently from the source layer.


  • Now:** The legacy "Share with another layer" feature has been renamed to Linked Layers, can only be triggered via the "Duplicate & Link" button, and it is now has limited edit permission.


  1. New way to enable "Share with another layer" / "Linked layers":
  • You can no longer turn an existing layer into a shared one because there's no "Share with another layer" option inside all layers.
  • Instead, use the new "Duplicate & Link" button to create a linked copy.




  1. Unified Synchronization:
  • "Linked Layers" now synchronizes both design and option settings. Any change made to the source layer will immediately propagate to all its linked counterparts.
  • Restricted Editing: To maintain consistency across your shared layers, linked layers cannot be edited independently. Most settings (such as text, font family, and color) are locked, ensuring that your source layer remains the single source of truth.


  • Supported Editable Properties: You can still adjust specific properties on linked layers, including Align, Transform, Font size, and "Display this layer on" settings within the Extra panel.


For Different Designs, Same Options: If you need linked layers to maintain the same personalization options but have different visual designs, use the "Populate Values" feature instead. This allows you to sync the data (the option) while keeping the visual properties (the design) independent.



6. Font, Text Color, Text Background & Show/hide Toggle become independent layer types


  • Before: These options are tied to a layer: Allow customers to change Font, Allow customers to change Text color, Allow customers to change text background, and Add a toggle to show/hide this layer. This means you cannot apply them across layers.


  • Now: All of them are now independent layer types and can be applied to multiple layers.



  1. Font & Color: You now create a standalone Font or Color option layer, then use the Populate value feature to apply that font/color value to one or multiple text layers.



To set up custom text with different font, color, and background, please see this article.



  1. Toggle: Now you can add a toggle to the form, then use it to control the visibility of any layers by adding conditional settings to other layers:


To learn more about form toggle visibility, please see this article.



  1. Image Background for Text & Scrabble: To allow buyers to change the background of a Text or a Scrabble, you can add a Clipart Category option to select background images, then use Populate values to populate that background image directly to your Text or Scrabble layers.


Note: Remember to set the Display this layer on for Background layer as None (personalization option still available) if you only want the Background to display inside Text/Scrabble and not on the canvas.



7. Direct Clipart & Vector Selection from Category


  • Before: You had to upload a clipart (or vector) as an original layer first to be able to set up Clipart/Vector Category, and then link it to your Clipart category.


  • Now: You can now select a clipart/vector directly from your existing categories to become the original layer, and its category will be auto-selected as well.


How it Works

When adding a Clipart Category or Vector Category layer, the library appears with the new tabs:

  • Upload an image: Use this if you have a custom representative image ready or if you plan to use this layer with a Global Option.
  • Choose from a Clipart Category: Select this tab to browse your existing categories, pick any clipart, and instantly set it as the base image for your layer.


If you're adding a Clipart category or Group of clipart categories, the clipart's category will be auto-selected for you.



8. Border: Standalone Design Option for Image Layers


  • Before:** the Photo Border is an image effect restricted only to Photo Upload layers.


  • Nowwe have extracted this feature into a standalone Border** option on the top toolbar, making it available across all image layer types.


Why the change?

Adding a border around your layers helps you:

  • Visually bind layers together: Ensure complex multi-layer designs (like face, body, and accessories) look cohesive.
  • Add a cutting margin: Prevent fulfillment suppliers from accidentally clipping important parts of your artwork.


Supported Image Layers

You can now apply a border to any of the following:

  • Static Image
  • Clipart Category (single category and group)
  • Photo Upload
  • Dynamic Clipart by Text


You can learn more about Photo Border feature here.



9. Auto-scale Max Width's Frame for Text layer


  • Before: Auto-scale when text is too long feature is separate from Text's frame.


  • Now: Auto-scale is now the width of the Text's frame. You can define the auto-scale max width directly on the canvas by increasing the width of the text's frame.


The width of the container frame now automatically acts as the "Auto-scale max width". This means "Auto-scale" is always enabled by default for all text layers.


  • Drag to set max width: Simply drag the left or right anchor of the container, or enter the "Width" in "Transform", to define the length that buyers can type.
  • "Font size" becomes "Max font size": When the text value reaches the text's width, the font size is auto-scaled down. When the text length is smaller, the font size is scaled up but never exceeds the initial font size.



10. How to work between Artwork 1.0 & Artwork 2.0


As we move forward, all new artworks you create will automatically use the Artwork 2.0, featuring all the improvements and streamlined workflows outlined above.


Important Notes on Versioning

  • Your existing artworks (Artwork 1.0) remain completely unchanged and fully functional.
  • Artwork 1.0 & Artwork 2.0 operate independently. Because of the architectural differences, you cannot copy or move layers between Artwork 1.0 and Artwork 2.0. Duplicating an old artwork will still create an old version.


Converting an Old Artwork to Artwork 2.0

To let you reuse your old designs, we're adding a "Convert to Artwork 2.0" button in the artwork editor of any Artwork 1.0.


When you convert an artwork:

  • Your designs and options are preserved. Layer positions, settings, and personalization options stay the same. They are just reorganized to fit the new version.
  • Some old layers are split into several new layers. Because Artwork 2.0 uses independent layer types, one old layer may become multiple new layers. For example, a text layer that let buyers change the font will become a separate Font layer plus a Text layer. When this happens, the new layers keep the original layer's form position, lock state, show/hide visibility, and conditional settings.


Here's how the main old settings are converted:


Artwork 1.0 (old)

Artwork 2.0 (new)

Image with only a personalization option (e.g. a Clipart Category)

A separate, standalone layer of that type

Static image (no personalization)

Static Photo layer

Maps & Star Maps

Maps mask

"Enable personalization"

"Create a new option"

Populate value

The same populate value

Add a toggle to show/hide this layer

A Toggle layer with the condition already set up

Text background / Cell background

Moved to the toolbar (background image kept)

Allow customers to change text/cell background

A Clipart Category layer (Display set to None) with the background populate already set up

Allow customers to change font

A Font layer with the populate already set up

Allow customers to change text color

A Color layer with the populate already set up

Shared layers where the copies have different changes (font, colour, etc.)

Separate layers linked by a pre-set Populate Value (shares the value, keeps each design separate)

Shared layers with the same design, and all other shared layer types

Linked Layers (design and option stay in sync)

Text with Curve enabled

Curve Text

Auto-scale when text is too long

The width of the Text frame. (Auto-scale is enabled by default)

All characters except…

Custom rules with specific characters excluded


What Cannot Be Converted

A few cases can't be converted automatically:

  • Layers using "Add a toggle to show/hide this layer" where the toggle controls conditions on other layers set to "any".
  • Clock layers.

If your artwork contains these, you'll need to rebuild those parts manually in Artwork 2.0.


To convert your old Artwork to Artwork 2.0: inside your Artwork Editor, click on the Convert to Artwork 2.0 button.

Updated on: 07/07/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!