# AI extensions

{% embed url="<https://youtu.be/0bB6JY-3SCc>" %}

AI extensions let you add custom interactivity to your Felt maps, transforming your map into a purpose-built interactive experience, without writing any code. Felt AI leverages the [JS SDK](https://developers.felt.com/js-sdk/getting-started) to generate the tools, panels, and workflows you describe in natural language. Everything happens right in Felt: you can preview, adjust, and save your extension with no extra setup or deployment. When you share your map, your application is live and ready for viewers to use.

{% hint style="success" %}
This feature is only available to customers on the [Enterprise plan](https://felt.com/pricing). To upgrade, [contact sales](https://felt.com/sales).
{% endhint %}

## Examples

#### Neighborhood comparison tool

<figure><img src="https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2FYTgn4lISZ2t2FxoRoLCC%2F686ecfd33bdd674450f5fd6d_neighborhood-comparison.gif?alt=media&#x26;token=b7d4d84e-32b0-49fa-a500-b1cad625da6b" alt="" width="563"><figcaption><p><em>Build an application that compares neighborhoods and summarizes land use patterns</em></p></figcaption></figure>

#### Data animations

<figure><img src="https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2Ftmod5SYBA7t2eJqBojoF%2F686ecfe47189a44fb1cc30ed_river-animation.gif?alt=media&#x26;token=fead7aa8-6409-42ad-96d8-a59ec00a9bd0" alt="" width="563"><figcaption><p><em>Animate the flow of the Mississippi River Basin from its headwaters to the Gulf of Mexico</em></p></figcaption></figure>

#### Interactive data

<figure><img src="https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2Fo3qg1zv1o84NsVgLKXLo%2F686ecfa63bdd560ae06dcd55_commuter-flows.gif?alt=media&#x26;token=9b238686-938d-4b20-9ca0-c4653c381961" alt="" width="563"><figcaption><p><em>Build a tool that draws lines to all destination counties on click with travel mode options and filters</em></p></figcaption></figure>

## Create a custom extension with Felt AI

1. Click Extensions (![](https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2FOhxtHyEnA0PP0KmPsMk8%2Fbolt.svg?alt=media\&token=c0e3eaf0-444f-4616-b6c5-adc62595cf51)) in the [toolbar](https://help.felt.com/getting-started/tour-the-interface#toolbar) and select the option for **Custom extension**
2. Extensions editor opens in a split view:&#x20;

   1. **the left side** includes the AI prompt area where you describe what you want your custom extension to do, and a code editor that displays the generated code with the option to refine. You can view logs in the Console tab of the prompt area as you test your extension.
   2. **the right side** shows a live preview of your map with your custom extensions

   <figure><img src="https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2FSrQyXQ4M9FRTO3cNZvHx%2Fai-extensions.webp?alt=media&#x26;token=e4cf2f5d-6fe6-48a0-b155-5aa9394a76c1" alt=""><figcaption></figcaption></figure>
3. Describe the specific interaction or workflow you want by typing in the prompt area. Examples:
   1. "Build an application that compares neighborhoods and summarizes land use patterns"
   2. "When someone clicks a point, show a popup with the nearest 3 schools"
   3. "Add a sidebar that plays an animation of the data over time."
4. After a prompt is submitted, Felt AI will generate code based on your prompt and you will see the code editor update.
   1. You can modify the code directly in the code editor and hit **Run** to see the updates in the preview map.
5. Click **Save** once you have a working extension.&#x20;
6. The custom extension will appear in your map’s legend.&#x20;

## Learn more

See [extensions](https://help.felt.com/dashboards-and-apps/extensions "mention") to learn about tips and tricks, advanced features, and debugging.

## Frequently Asked Questions

<details>

<summary>What are AI extensions in Felt?</summary>

AI extensions allow you to add custom interactivity to your Felt maps and transform them into purpose-built interactive applications without writing any code. They use natural language prompts to generate tools, panels, and workflows.

</details>

<details>

<summary>Do I need coding experience to use AI extensions?</summary>

No, AI extensions are designed to work without writing any code. You describe what you want in natural language, and Felt AI generates the necessary code using the JS SDK.

</details>

<details>

<summary>Who can access AI extensions?</summary>

This feature is only available to admins and editors who are using Felt on the Enterprise plan. To upgrade, you need to contact sales.

</details>

<details>

<summary>What happens when I share a map with a custom extension?</summary>

When you share your map, your custom application is live and ready for viewers to use immediately—no extra setup or deployment needed.

</details>

<details>

<summary>Can I modify the generated code?</summary>

Yes, you can modify the code directly in the code editor and click Run to see the updates in the preview map.

</details>

<details>

<summary>What are some example use cases for AI extensions?</summary>

* **Neighborhood comparison tool**: Compare neighborhoods and summarize land use patterns
* **Data animations**: Animate the flow of the Mississippi River Basin from headwaters to the Gulf of Mexico
* **Interactive data tools**: Draw lines to destination counties on click with travel mode options and filters

</details>

<details>

<summary>What technology powers AI extensions?</summary>

Felt AI leverages the JS SDK to generate the tools, panels, and workflows based on your natural language descriptions.

</details>

<details>

<summary>Where does my custom extension appear after saving?</summary>

The custom extension will appear in your map's legend when editing a map.

</details>

<details>

<summary>Where does the extension code run? </summary>

Everything happens right in Felt and runs on Felt's scalable cloud infrastructure. You can preview, adjust, and save your extension with no extra setup or deployment required.

</details>

<details>

<summary>I need to find a layer ID to feed into my prompt for an extension. Where can I find this layer ID?</summary>

Click on **`...`** for the layer in the legend, then select **`Actions`** > **`Copy layer ID for API`**. This will copy the unique identifier for the layer on the map you're building the extension.

<figure><img src="https://217108486-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmRfGitkyjOEMvVsEyGWN%2Fuploads%2FqiHPwxznp5f3OFO3w7Bz%2Fimage.png?alt=media&#x26;token=aea99362-80fc-40e4-b042-8454a69c73be" alt="" width="375"><figcaption></figcaption></figure>

Note: the same data on two different maps will have a unique layer ID per map.&#x20;

</details>