Configuring the Design Studio

The Studio Editor is a configuration management tool that allows you to configure the Design Studio.

Skip to...

Getting Started






Design Steps


The Design Studio is a powerful tool for engaging your customers by allowing them to customize your products, and submit an inquiry or place an order.

The Studio Editor allows you to configure the Design Studio. You can upload 3D models or new designs with a simple drag-and-drop. You can configure Assets, Materials, Elements, Design, Placeholder and Design Steps.

Getting started

There are two ways to access the Studio Editor.

1. Navigate to the Catalog tab and access the Products link. Select a product and click on the Studio Editor tab.

2. Go to the Design tab, and select the Studio Editor tab. Select the product from the dropdown menu in the Studio Editor.


You can find the 3D model files in the Studio Editor under Studio settings > Assets.  A 3D model consists of three files: obj, mtl and UV map. All three files are required for a correct 3D rendering. In addition, you will find an 'object preview' and a 'background' option.

Product Template

The product template is a print-ready SVG file with a fixed pattern layout. The product template is used as the base for creating a design.

Product templates are also referred to as the UV maps. A UV map is the flat 2D representation of the surface of a 3D model.

Object file

The OBJ format is a universal 3D model format that is widely used and supported by the 3D image editing industry.

An OBJ (object) file is a standard 3D image format that can be exported and opened by various 3D image editing programs. It contains a three-dimensional object, which includes 3D coordinates, texture maps, polygonal faces, and other object information.

Material file

An MTL (material) file is a material settings file used by 3D object editing applications.

For each OBJ file, you can upload a Material Template Library (.MTL) file. A material library file describes how textures are applied to the object.

Object Preview

An object preview is an image of the 3D model, based on a white design.


You can change the background of your Design Studio by uploading a jpg image. Backgrounds are responsive (with the anchor on the right hand side of your Design Studio). For example, if you add a logo to your background, the positioning will be fixed on the right hand size as you resize the screen.


Navigate to Studio Settings > Designs.

Designs can be created in Adobe Illustrator and imported into Brikl using simple drag-and-drop. Learn more about designs and how to add them here.


Navigate to Studio Settings > Placeholders.

Placeholders are defined areas or markings where you can enter names, numbers, logos or prints. Adding and defining placeholders is simple and intuitive.

Learn more about placeholders and how to add them here.

Design steps

Navigate to Studio settings > Design Steps.

Design steps (or customization steps) allow you  to customize designs in different ways by changing colors and prints, or adding graphics and text. 

Learn more about design steps and how to edit them here.


Navigate to Studio Settings > Elements.

The Elements tab is used to assign color palettes to elements that are part of the 3D model, but that are not part of the UV map. An example is a garment zipper. Zippers are not part of the heat map (since they are not part of the production pattern or print file), but they are part of the 3D model.

You can enable/disable elements and assign a color palette to them.


Materials or normal maps are used to show small details like wrinkles or bumps without having to add those details modeled into the 3D. This keeps the polygon count low and the file size as a result.

Normal maps can be uploaded as a PNG or JPEG file in the Material Assets library, and linked to the corresponding part of your model.

Normal maps are created and uploaded by the BRIKL as part of our digitization service. Please contact us for more information.