# Tutorials

{% tabs fullWidth="true" %}
{% tab title="Step-by-Step" %}
{% hint style="info" %}
A collection of detailed tutorials covering a variety of topics, each broken down into clear, actionable steps.
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Design variants for creating interactive 3D presentations</strong></td><td><a href="/files/0Ntt2XGPHkJNnZwDi2fS">/files/0Ntt2XGPHkJNnZwDi2fS</a></td><td><a href="https://www.youtube.com/watch?v=XuI8w7xy6_8">https://www.youtube.com/watch?v=XuI8w7xy6_8</a></td><td><a href="/pages/6WqcyVQiYMWceUf3zdx2">/pages/6WqcyVQiYMWceUf3zdx2</a></td></tr><tr><td><strong>Hover effect for 3D interactive design</strong></td><td><a href="/files/59EaJAMsazPnplk3it2W">/files/59EaJAMsazPnplk3it2W</a></td><td><a href="https://www.youtube.com/watch?v=3-Z6XOwW-Wg">https://www.youtube.com/watch?v=3-Z6XOwW-Wg</a></td><td></td></tr><tr><td><strong>How to download a 2D image from an interactive 3D design</strong></td><td><a href="/files/AT0GNvhzhMUgfvEvpzln">/files/AT0GNvhzhMUgfvEvpzln</a></td><td><a href="https://www.youtube.com/watch?v=FLHGdSW1D_Y">https://www.youtube.com/watch?v=FLHGdSW1D_Y</a></td><td></td></tr><tr><td><strong>Adding dimension graphics</strong></td><td><a href="/files/f6rp3F8IP0aTMQREn1q4">/files/f6rp3F8IP0aTMQREn1q4</a></td><td><a href="https://www.youtube.com/watch?v=bwmX6gfMVY8">https://www.youtube.com/watch?v=bwmX6gfMVY8</a></td><td></td></tr><tr><td><strong>ON/OFF button animation</strong></td><td><a href="/files/odCeBLuumzCoYkOqIZSI">/files/odCeBLuumzCoYkOqIZSI</a></td><td><a href="https://www.youtube.com/watch?v=09L-l4epZJE">https://www.youtube.com/watch?v=09L-l4epZJE</a></td><td></td></tr><tr><td><strong>Localization of the UI and material interaction</strong></td><td><a href="/files/R8DUpRrHukLD6EEgWI4C">/files/R8DUpRrHukLD6EEgWI4C</a></td><td><a href="https://www.youtube.com/watch?v=E9qo5sjc_n0">https://www.youtube.com/watch?v=E9qo5sjc_n0</a></td><td></td></tr><tr><td><strong>Camera switcher and image download</strong></td><td><a href="/files/Vjqb51C2zNNtqF3GN3j9">/files/Vjqb51C2zNNtqF3GN3j9</a></td><td><a href="https://www.youtube.com/watch?v=mvn-V3JIrhU">https://www.youtube.com/watch?v=mvn-V3JIrhU</a></td><td></td></tr><tr><td><strong>Connect hotspots to Floating UI</strong></td><td><a href="/files/Agg3Wl7rvwUZrSFYXy9G">/files/Agg3Wl7rvwUZrSFYXy9G</a></td><td><a href="https://www.youtube.com/watch?v=7EjESmzHzok">https://www.youtube.com/watch?v=7EjESmzHzok</a></td><td></td></tr><tr><td><strong>Getting started with Floating UI and creating links to external websites</strong></td><td><a href="/files/Mfdx7mEt94dT3EhgAqdr">/files/Mfdx7mEt94dT3EhgAqdr</a></td><td><a href="https://www.youtube.com/watch?v=vzc6fhgSrDE">https://www.youtube.com/watch?v=vzc6fhgSrDE</a></td><td></td></tr><tr><td><strong>Setting up transformations</strong></td><td><a href="/files/sJ4LMK4w78n32Pc1cC9y">/files/sJ4LMK4w78n32Pc1cC9y</a></td><td><a href="https://www.youtube.com/watch?v=t57fWND2ntM">https://www.youtube.com/watch?v=t57fWND2ntM</a></td><td></td></tr><tr><td><strong>Create a 3D exploded view animation (part 2)</strong></td><td><a href="/files/LCRKO8AxVxmUvfxLOxJ5">/files/LCRKO8AxVxmUvfxLOxJ5</a></td><td><a href="https://www.youtube.com/watch?v=3cNRlFBKSbY">https://www.youtube.com/watch?v=3cNRlFBKSbY</a></td><td></td></tr><tr><td><strong>Create a 3D exploded view animation (part 1)</strong></td><td><a href="/files/ZJWk6jPIhIydx4g62pg3">/files/ZJWk6jPIhIydx4g62pg3</a></td><td><a href="https://www.youtube.com/watch?v=TWxZzwvhk7s">https://www.youtube.com/watch?v=TWxZzwvhk7s</a></td><td></td></tr><tr><td><strong>Combine light, floating and pulse 3D animations</strong></td><td><a href="/files/1DZvlvtLh0VSMLBLZDII">/files/1DZvlvtLh0VSMLBLZDII</a></td><td><a href="https://www.youtube.com/watch?v=dohwb97yRI0">https://www.youtube.com/watch?v=dohwb97yRI0</a></td><td></td></tr><tr><td><strong>Create 3D interactions and animations</strong></td><td><a href="/files/eLXKTBY5Q2CQ61zMR6Y8">/files/eLXKTBY5Q2CQ61zMR6Y8</a></td><td><a href="https://www.youtube.com/watch?v=XjUPKHIYs7E">https://www.youtube.com/watch?v=XjUPKHIYs7E</a></td><td></td></tr><tr><td><strong>From 3D modeling to embedding on the web</strong></td><td><a href="/files/MRN8irvIHy0qTQoMOpq6">/files/MRN8irvIHy0qTQoMOpq6</a></td><td><a href="https://www.youtube.com/watch?v=Q45PDnERpZI">https://www.youtube.com/watch?v=Q45PDnERpZI</a></td><td></td></tr></tbody></table>
{% endtab %}

{% tab title="UI" %}
{% hint style="info" %}
A set of tutorials focused on building [user interfaces](/documentation/3d-configurator/floating-ui.md) within a 3D project.
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden></th></tr></thead><tbody><tr><td><strong>Responsive UI</strong></td><td><a href="/files/vP2qTfNJobdrLW4dhxE4">/files/vP2qTfNJobdrLW4dhxE4</a></td><td><a href="https://www.youtube.com/watch?v=psm6GT3sWBg">https://www.youtube.com/watch?v=psm6GT3sWBg</a></td></tr><tr><td><strong>Floating UI - Add text, images and links in your interactive 3D designs</strong></td><td><a href="/files/NMWdVbyX3GcsvpeQyCpR">/files/NMWdVbyX3GcsvpeQyCpR</a></td><td><a href="https://www.youtube.com/watch?v=9ZkMtQlxJAk">https://www.youtube.com/watch?v=9ZkMtQlxJAk</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Animations" %}
{% hint style="info" %}
A set of tutorials covering the creation and control of animations in [Animate mode](/documentation/3d-configurator/animations.md).
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Close state animation set up</strong></td><td><a href="https://www.youtube.com/watch?v=6qQzjw61ldw">https://www.youtube.com/watch?v=6qQzjw61ldw</a></td><td><a href="/files/BCy3H8r0POuxiu244avK">/files/BCy3H8r0POuxiu244avK</a></td></tr><tr><td><strong>Animating groups</strong></td><td><a href="https://www.youtube.com/watch?v=L7uRnd_u0j0">https://www.youtube.com/watch?v=L7uRnd_u0j0</a></td><td><a href="/files/4UiSm7eeov9Z68pjoYhl">/files/4UiSm7eeov9Z68pjoYhl</a></td></tr><tr><td><strong>Animating 3D</strong></td><td><a href="https://www.youtube.com/watch?v=j0QErgtVPSg">https://www.youtube.com/watch?v=j0QErgtVPSg</a></td><td><a href="/files/KZXa8H6dkUjHyJ7mbTTH">/files/KZXa8H6dkUjHyJ7mbTTH</a></td></tr><tr><td><strong>3d animation of rotating parts</strong></td><td><a href="https://www.youtube.com/watch?v=9L16kocsUTQ">https://www.youtube.com/watch?v=9L16kocsUTQ</a></td><td><a href="/files/ijyzOd1y6RqZIYdsxBMg">/files/ijyzOd1y6RqZIYdsxBMg</a></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>
{% endtab %}

{% tab title="Materials" %}
{% hint style="info" %}
A set of tutorials exploring the setup, customization, and use of [materials](/documentation/design-process/materials-and-textures.md).
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Material picker</strong></td><td><a href="https://www.youtube.com/watch?v=SvdFCoo5tAg">https://www.youtube.com/watch?v=SvdFCoo5tAg</a></td><td><a href="/files/zH4DI5ME7ngMy8kNjg6U">/files/zH4DI5ME7ngMy8kNjg6U</a></td></tr><tr><td><strong>Custom material library</strong></td><td><a href="https://www.youtube.com/watch?v=mbgsFkfpBwA">https://www.youtube.com/watch?v=mbgsFkfpBwA</a></td><td><a href="/files/Ef0cDZe3iVc8kNvXBYOe">/files/Ef0cDZe3iVc8kNvXBYOe</a></td></tr><tr><td><strong>Texturing</strong></td><td><a href="https://www.youtube.com/watch?v=1exz5y63HZ8">https://www.youtube.com/watch?v=1exz5y63HZ8</a></td><td><a href="/files/HcG96mlyDMdMobXPSfYV">/files/HcG96mlyDMdMobXPSfYV</a></td></tr><tr><td><strong>Materials settings - Basics</strong></td><td><a href="https://www.youtube.com/watch?v=czgoIgrmuEQ">https://www.youtube.com/watch?v=czgoIgrmuEQ</a></td><td><a href="/files/OblGS5m8yvB9aAEvqrf1">/files/OblGS5m8yvB9aAEvqrf1</a></td></tr><tr><td><strong>Material settings - Advanced</strong></td><td><a href="https://www.youtube.com/watch?v=C_sN5qEYg4s">https://www.youtube.com/watch?v=C_sN5qEYg4s</a></td><td><a href="/files/rA6nmHJ9Yz6KNMKX1YZx">/files/rA6nmHJ9Yz6KNMKX1YZx</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Interactions" %}
{% hint style="info" %}
A set of tutorials covering the setup of interactions in [Interact mode](/documentation/3d-configurator/interactions.md).
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>One trigger interactions</strong></td><td><a href="https://www.youtube.com/watch?v=cvq4d9BWy3U">https://www.youtube.com/watch?v=cvq4d9BWy3U</a></td><td><a href="/files/tnrkgNpPX3rIe3L21FYI">/files/tnrkgNpPX3rIe3L21FYI</a></td></tr><tr><td><strong>Interactions</strong></td><td><a href="https://www.youtube.com/watch?v=KJRCmUYdhkc">https://www.youtube.com/watch?v=KJRCmUYdhkc</a></td><td><a href="/files/4kuTzvf4OaKOt3Dfrifu">/files/4kuTzvf4OaKOt3Dfrifu</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Textures & Decals" %}
{% hint style="info" %}
A set of tutorials focused on working with textures and [decals](/documentation/design-process/decals.md).&#x20;
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Retain ambient occlusion</strong></td><td><a href="https://www.youtube.com/watch?v=swPzcGhtThQ">https://www.youtube.com/watch?v=swPzcGhtThQ</a></td><td><a href="/files/a5zKZAqSd4bo5F8X6vE0">/files/a5zKZAqSd4bo5F8X6vE0</a></td></tr><tr><td><strong>Place custom stickers from Figma</strong></td><td><a href="https://www.youtube.com/watch?v=bijGn9ib7Po">https://www.youtube.com/watch?v=bijGn9ib7Po</a></td><td><a href="/files/zZz2ILdQDvLkECkSBZJf">/files/zZz2ILdQDvLkECkSBZJf</a></td></tr><tr><td><strong>Branding</strong></td><td><a href="https://www.youtube.com/watch?v=HDKoRGCSCwQ">https://www.youtube.com/watch?v=HDKoRGCSCwQ</a></td><td><a href="/files/zT3RgYbpRgDwqPU8MkR1">/files/zT3RgYbpRgDwqPU8MkR1</a></td></tr><tr><td><strong>Applying decals and stickers to your 3D designs</strong></td><td><a href="https://www.youtube.com/watch?v=3jI4GFvFa_s">https://www.youtube.com/watch?v=3jI4GFvFa_s</a></td><td><a href="/files/nGBDfycK7eYGNgb9urE1">/files/nGBDfycK7eYGNgb9urE1</a></td></tr><tr><td><strong>Connect Figma with Vectary</strong></td><td><a href="https://www.youtube.com/watch?v=CaF_lQR-QnI">https://www.youtube.com/watch?v=CaF_lQR-QnI</a></td><td><a href="/files/iuYKBOcyB89V8qBdga04">/files/iuYKBOcyB89V8qBdga04</a></td></tr><tr><td><strong>Add textures using Figma frames</strong></td><td><a href="https://www.youtube.com/watch?v=NRvHIUcYw4c">https://www.youtube.com/watch?v=NRvHIUcYw4c</a></td><td><a href="/files/Y1pYxSasaaxQE0TMGzdz">/files/Y1pYxSasaaxQE0TMGzdz</a></td></tr><tr><td><strong>Baking</strong></td><td><a href="https://www.youtube.com/watch?v=B7fproJakQU">https://www.youtube.com/watch?v=B7fproJakQU</a></td><td><a href="/files/YL0jQIjYfyH5a6cW6UqN">/files/YL0jQIjYfyH5a6cW6UqN</a></td></tr><tr><td><strong>Baking and lighting effects</strong></td><td><a href="https://www.youtube.com/watch?v=mRqP08zpbBU">https://www.youtube.com/watch?v=mRqP08zpbBU</a></td><td><a href="/files/u0ZCk1rZDDUsw9dbbDiA">/files/u0ZCk1rZDDUsw9dbbDiA</a></td></tr><tr><td><strong>Animated materials</strong></td><td><a href="https://www.youtube.com/watch?v=FOtyQrlSuwU">https://www.youtube.com/watch?v=FOtyQrlSuwU</a></td><td><a href="/files/ZKRYAhQt5W8HH0iBzQyy">/files/ZKRYAhQt5W8HH0iBzQyy</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Project Enhancements" %}
{% hint style="info" %}
A set of tutorials to improve various aspects of project setup and overall quality.
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Adjustments effects</strong></td><td><a href="https://www.youtube.com/watch?v=IH7SBmBmk9U">https://www.youtube.com/watch?v=IH7SBmBmk9U</a></td><td><a href="/files/4OOfH4vWZII6ThPt38x1">/files/4OOfH4vWZII6ThPt38x1</a></td></tr><tr><td><strong>Reflections effects</strong></td><td><a href="https://www.youtube.com/watch?v=y2Vsu6HkRb0">https://www.youtube.com/watch?v=y2Vsu6HkRb0</a></td><td><a href="/files/9BPVmTJLI0CnHbM5djMl">/files/9BPVmTJLI0CnHbM5djMl</a></td></tr><tr><td><strong>Bloom effect</strong></td><td><a href="https://www.youtube.com/watch?v=9rRS6ZvskQk">https://www.youtube.com/watch?v=9rRS6ZvskQk</a></td><td><a href="/files/YbJgFZaAGaIjYXt3Y98B">/files/YbJgFZaAGaIjYXt3Y98B</a></td></tr><tr><td><strong>Lighting presets and HDRI environments</strong></td><td><a href="https://www.youtube.com/watch?v=Ld9dOsg6cEg">https://www.youtube.com/watch?v=Ld9dOsg6cEg</a></td><td><a href="/files/S8W3sZC5AOGheJYH7h3s">/files/S8W3sZC5AOGheJYH7h3s</a></td></tr><tr><td><strong>How to optimize 3D models for the web</strong></td><td><a href="https://www.youtube.com/watch?v=Qx5SYW2F92M">https://www.youtube.com/watch?v=Qx5SYW2F92M</a></td><td><a href="/files/8h42qnvnV5zIT9Sxe1Nm">/files/8h42qnvnV5zIT9Sxe1Nm</a></td></tr><tr><td><strong>Turntable and Preloading screen</strong></td><td><a href="https://www.youtube.com/watch?v=70Q5oTpamlA">https://www.youtube.com/watch?v=70Q5oTpamlA</a></td><td><a href="/files/x6CQ7XyEaJ1NvBfcqvMe">/files/x6CQ7XyEaJ1NvBfcqvMe</a></td></tr></tbody></table>
{% endtab %}

{% tab title="Other" %}
{% hint style="info" %}
A collection of tutorials covering various topics.
{% endhint %}

<table data-view="cards" data-full-width="true"><thead><tr><th></th><th data-hidden></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Pivot point</strong></td><td><a href="https://www.youtube.com/watch?v=cOXbik0CWhw">https://www.youtube.com/watch?v=cOXbik0CWhw</a></td><td><a href="/files/Lb2PHqn1Nad4kln8RcMx">/files/Lb2PHqn1Nad4kln8RcMx</a></td></tr><tr><td><strong>Augmented Reality</strong></td><td><a href="https://www.youtube.com/watch?v=u25b3hw4vnI">https://www.youtube.com/watch?v=u25b3hw4vnI</a></td><td><a href="/files/TrZeydo13PeHJ5icyZe4">/files/TrZeydo13PeHJ5icyZe4</a></td></tr><tr><td><strong>Boolean</strong></td><td><a href="https://www.youtube.com/watch?v=I_MhWLuDCmM">https://www.youtube.com/watch?v=I_MhWLuDCmM</a></td><td><a href="/files/zyKD26SesUstFIpKW2Zs">/files/zyKD26SesUstFIpKW2Zs</a></td></tr><tr><td><strong>Vectary plugin for Figma</strong></td><td><a href="https://www.youtube.com/watch?v=TcCeKi2KBZM">https://www.youtube.com/watch?v=TcCeKi2KBZM</a></td><td><a href="/files/ICnZfjeL2DluZV5fObAA">/files/ICnZfjeL2DluZV5fObAA</a></td></tr><tr><td><strong>Adding comments directly in 3D designs</strong></td><td><a href="https://www.youtube.com/watch?v=DR1-XhwZUA4">https://www.youtube.com/watch?v=DR1-XhwZUA4</a></td><td><a href="/files/2OIeOqbAOre0A00h2aYH">/files/2OIeOqbAOre0A00h2aYH</a></td></tr><tr><td><strong>Custom assets libraries</strong></td><td><a href="https://www.youtube.com/watch?v=2niUz5H5Xsg">https://www.youtube.com/watch?v=2niUz5H5Xsg</a></td><td><a href="/files/fKE4chwxnqis7CYVDCOT">/files/fKE4chwxnqis7CYVDCOT</a></td></tr><tr><td><strong>Custom libraries</strong></td><td><a href="https://www.youtube.com/watch?v=cifDfuT9xmI">https://www.youtube.com/watch?v=cifDfuT9xmI</a></td><td><a href="/files/MBxVAdJfMZ46Dm4YuGs0">/files/MBxVAdJfMZ46Dm4YuGs0</a></td></tr><tr><td><strong>3D project sharing and web integrations</strong></td><td><a href="https://www.youtube.com/watch?v=NGgM4-swJso">https://www.youtube.com/watch?v=NGgM4-swJso</a></td><td><a href="/files/7Os1tMi6AbTx8OlLUBzE">/files/7Os1tMi6AbTx8OlLUBzE</a></td></tr><tr><td><strong>Sharing in Miro and AR</strong></td><td><a href="https://www.youtube.com/watch?v=pBVKuN5yNWk">https://www.youtube.com/watch?v=pBVKuN5yNWk</a></td><td><a href="/files/cxDyyiTD5SqVqefaZ4L1">/files/cxDyyiTD5SqVqefaZ4L1</a></td></tr></tbody></table>
{% endtab %}
{% endtabs %}


---

# 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/tutorials.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.