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

# Import from Figma, Google Slides and SVG

> Paste a Figma frame, a slide, SVG or an image straight into your video.

Already designed it somewhere else? Paste it in instead of rebuilding it.

**Ask the Agent:** "Build a title card that looks like this image." (Click **+** to attach a screenshot of your design first.)

The Agent can't take Figma frames, so paste those yourself.

## Do it yourself

### Paste from Figma

1. In Figma, select a frame and press ⌘L to copy its link.
2. In Yarn, move the playhead to where you want it and press ⌘V. Don't click into a text box first.

The first time, Yarn asks you to connect Figma. Connect it, then paste again. The frame lands in the overlay under the playhead, or in a new overlay.

If Yarn says the frame was added with warnings, give it a quick check.

### Paste from Google Slides

1. Open the slide you want and copy the link from your browser's address bar. It needs to point to one slide, not the whole deck.
2. Paste it into Yarn, just like a Figma link.

You'll connect Google Slides the first time, then paste again.

### Paste SVG or images

* SVG markup becomes one shape you can edit. If a color turns black, set it again.
* Images from your clipboard drop in at the playhead. You can paste several at once.

**Related:** [Images and video](https://docs.yarn.so/overlays/images-and-video.md) · [Colors and effects](https://docs.yarn.so/overlays/styling.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.