# Decals

## Overview

Vectary Studio simplifies applying designs onto 3D objects through decals. Decals allow quick and intuitive application of images, animations, or videos directly onto the surface of any geometry.

{% hint style="success" %}
Supported formats: **JPG**, **PNG**, **WebP**, **SVG**, **Lottie**, **GIF**, **MP4** 
{% endhint %}

## How it works

{% stepper %}
{% step %}
**Import your file**

Just dragging it onto the canvas
{% endstep %}

{% step %}
**Apply decal**

Grab the pivot point of the imported plane and move it towards the 3D object. It will automatically adapt to the geometry's surface.
{% endstep %}

{% step %}
**Adjusting**

Once placed, decals can be resized or rotated using the Gizmo
{% endstep %}
{% endstepper %}

{% embed url="<https://screen.studio/share/UEuRsJKI>" %}

## Editing decals

* A decal is a regular 3D object with the same properties, including full control over materials, textures, and other 3D object settings.

* **Offset** - available after a decal is attached to an object; shifts the decal away from the surface to prevent flickering caused by overlapping geometry.\
  \
  ![](/files/IOg1RiqobQeCKpxcosVJ)

* **Use projection decals -** projects the decal texture straight onto the surface rather than wrapping it around the geometry. Produces cleaner results on flat areas but may clip on complex shapes.<br>

{% hint style="info" %}
Selecting the same texture in the [Emission](/documentation/design-process/materials-and-textures/basic-materials/emission.md) property as in [Color](/documentation/design-process/materials-and-textures/basic-materials/color.md) makes the decal appear bright and unaffected by scene lighting.
{% endhint %}

## Figma integration

* Decals can also be imported directly from Figma - [Figma frames import](/documentation/importing/figma-frames-import.md)
* Any changes made in Figma can be updated in Vectary Studio with just one click

## Tutorials

{% embed url="<https://youtu.be/HDKoRGCSCwQ?si=Ib5bCNY6P482J84K>" %}

{% embed url="<https://www.youtube.com/watch?v=3jI4GFvFa_s>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.vectary.com/documentation/design-process/decals.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.