> ## Documentation Index
> Fetch the complete documentation index at: https://docs.spline.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrating with Figma

<img src="https://cdn.spline.design/_assets/docs/e5acf7fb-53ca-452a-be16-06717d5dbb11.png" alt="image" />

Integrating your Spline scenes into Figma is a great way to preview how your scene will interact with the UI of your app or website.

[Learn more about Figma →](https://www.figma.com/)

To integrate a Spline scene into Figma, you’ll need a plugin that allows you to embed a code snippet into a Figma frame.

Here are some popular plugins that allow you to embed a code snippet:

* [Anima →](https://www.figma.com/community/plugin/857346721138427857/anima-figma-to-code-react-html-vue-css-tailwind)
* [Figma to Website →](https://www.figma.com/community/plugin/1329237288766226289/figma-to-website-make-websites-directly-from-figma-publish-or-export-responsive-web-html-css-js)

In this example, we’ll be using Anima.

## Add a 3D embed to Figma

1. On Figma, open the Anima plugin and log in to your Anima account.
2. Once logged in, select the frame where you want to add the 3D embed.
3. Choose **Embed code** on the Anima plugin.
4. Paste the code snippet into the Embed input and press **Save**.
5. Press **Sync** and once ready, press **Go to Anima**.

<video src="https://cdn.spline.design/_assets/docs/70ae54ad-7841-4e92-8377-c7e5e3852b2d.mp4" controls />