# Zoomable image

## 👉 **The Tag** <a href="#the-tag" id="the-tag"></a>

This tag adds a zoomable property to an image, so users can zoom in and out with a pinch gesture.

{% hint style="warning" %}
At the moment, this feature is supported **only on Figma design files**. It will be supported on Adobe XD in the future.
{% endhint %}

**📍 Where to add the tag:** An image layer.

```
[component:imagezoom]
```

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FjG1wEExnS8wZ7qYMavLG%2FGrabacio%CC%81n%20de%20pantalla%202021-10-20%20a%20las%2016.12.05.gif?alt=media\&token=e04449d6-17a0-4dcc-a798-d5d0e7a73c48)

## 🏷️ **How to add the tag** <a href="#how-to-add-the-tag" id="how-to-add-the-tag"></a>

&#x20;   1\. **Copy** the tag.

&#x20;   2\. **Paste** the tag into the layer name of an **image component**.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2FLkeBPufeePYRqRmd7pJv%2Fimagen.png?alt=media\&token=72024988-e9ee-4989-b60c-28a7b79a1a32)

&#x20;   3\. Import to **Bravo Studio** & preview on **Bravo Vision** 🚀 (If you imported the app before, you just need to press the button Update in ***Bravo Studio*** to see the changes)

## 💾 Example files <a href="#example-files" id="example-files"></a>

Duplicate the files below to see how to set it up!

{% embed url="<https://www.figma.com/community/file/1030830462731458065/Bravo-Sample%3A-Zoomable-Images>" %}