# Figma

### Linking a design

To embed an interactive version of your Figma design into an Avion user story, you need to generate a share link from Figma. You can do this by clicking **Share** — this can be found on the right at the top.

![](https://3578170569-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL6HR00hwiJJav4pLph%2Fsync%2Ffe5bc66d93068298ceb48bcb92187030ea14cf4a.png?generation=1613583368910659\&alt=media)

When the next screen appears, click **Copy link**

![](https://3578170569-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL6HR00hwiJJav4pLph%2Fsync%2Fd1f59b53e8a82e5fe2ce3794b6b4f25af814ba56.png?generation=1613583374045225\&alt=media)

This link can be pasted into your user stories in Avion under the **Attachments** menu. Avion will recognise this as a Figma link and give you an interactive embed. This will stay up-to-date as you change your designs, as long as the link remains visible to Avion.

![](https://3578170569-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL6HR00hwiJJav4pLph%2Fsync%2F350dbc15b0e58f64acd50c292407131b7a329cf3.png?generation=1613583352674464\&alt=media)

### Linking an individual frame

If you want to link to a more granular part of your design, you can use the frame linking option in Figma. First, make sure you have a frame around the area that you want to display in your Avion user story.

![](https://3578170569-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL6HR00hwiJJav4pLph%2Fsync%2Fab88fa049ad33d17be0e1f1694b77e1c1c78fd15.png?generation=1613583363264846\&alt=media)

Then click **Share** and select the option **Link to selected frame**

![](https://3578170569-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LL6HR00hwiJJav4pLph%2Fsync%2F0ebddf52ec279caa041e594f8e3bacc9f8764b8c.png?generation=1613583371231412\&alt=media)

When you paste this link into a user story in Avion, you will only see the frame's content 😎