# Point viewers to the right button on cue

> In Tella, ask the Tella Agent for a Tella Motion arrow that draws on toward a button when you name it. It times the arrow to that word in your transcript and checks frames to keep it off the button, your cursor and your face. The arrow stays editable, so you can change its color, angle or timing.

Page: https://www.tella.com/motion/add-animated-arrows-to-video · Part of Tella Motion (https://www.tella.com/help/editing/tella-motion)

## How do I add animated arrows that point to a button in my screen recording?

In Tella, ask the [Tella Agent](https://www.tella.com/agent) for a [Tella Motion](https://www.tella.com/help/editing/tella-motion) arrow that draws on toward a button when you name it. It times the arrow to that word in your transcript and checks frames to keep it off the button, your cursor and your face. The arrow stays editable, so you can change its color, angle or timing.

## Prompt to start from

```text
When I say "click Export", draw an arrow from the lower left to the Export button in the top right. Yellow, 6 px stroke, rounded arrowhead. Draw it in half a second, hold 2 seconds, then fade out. Keep it clear of my cursor.
```

## More prompts

### Customer support how-to

```text
Each time I name a control (Settings, Security, Reset password), draw a short curved arrow toward it with a white label in the same words. Use teal #0F9D8A. Show one arrow at a time.
```

### SaaS onboarding video

```text
When I say "this is the new Share button", draw a dashed arrow from the center to the Share button, then draw a circle around the button. Make both coral and 5 px thick. Fade them out together after 3 seconds.
```

## How to do it in Tella

1. In the Tella editor, open the Tella Agent chat (Shift + S).
2. Name the button and the words where the arrow should appear.
3. Describe the look: color, thickness, dashed or solid, curved or straight, label.
4. Preview it, then ask for changes like "start it later" or "thicker line".

## Good to know

- Available to everyone: through the Tella Agent on a paid plan or the 7-day trial, or through Claude or ChatGPT on any plan.
- The arrow sits at a fixed spot on the frame. If the page scrolls, ask the agent to keyframe it.
- Timing follows your transcript, so arrows line up with words only where the recording has speech.
- Reset all overlays on the Overlay timeline removes motion graphics along with text, media and sound effects.

## Questions people ask

### Can the arrow be dashed or draw itself on?

Yes. Tella Motion has a trim path effect that draws the line on and a dashes effect for dashed strokes. Tell the Tella Agent how fast it should draw.

### Can I add a text label next to the arrow?

Yes. Ask the Tella Agent for a title beside the arrow. Tella Motion keeps it as live text you can reword or restyle, and it can animate in by character, word or line.

### Can Claude or ChatGPT add the arrows instead?

Yes. [Claude](https://claude.ai/directory/tella) or [ChatGPT](https://chatgpt.com/plugins/plugin_asdk_app_6a7026f78434819186579d93d20ab38b?open_in_app) connected to Tella's [MCP server](https://www.tella.com/mcp) gets the same Tella Motion tools as the Tella Agent. It can build the arrow, place it on your clip and check a frame.

## Related

- [A smoother, bigger cursor in every walkthrough](https://www.tella.com/agent/smooth-cursor-in-screen-recording.md): Smooth, resize and restyle your pointer
- [Answer repeat customer questions with a filmed how-to](https://www.tella.com/auto-capture/customer-self-service-how-to-video.md): Film a how-to for a question customers keep asking.
- [Explainer diagrams that build as you explain](https://www.tella.com/motion/animated-explainer-diagrams.md): Flowcharts and diagrams that build as you explain.
- [Create motion graphics with Tella Motion](https://www.tella.com/help/editing/tella-motion#add-motion-graphics-over-your-recording)
- [Overlays overview](https://www.tella.com/help/editing/overlays)
- [Blur or highlight part of the screen](https://www.tella.com/help/editing/blurring-and-highlighting#add-a-highlight)
- [All of Tella's AI features](https://www.tella.com/ai.md)