# Wavy banner (fill)

_Text & typography · Figma Motion Path example_

Letters spread across a big sine wave and bounce onto it — a playful banner headline. It's a ready-made recipe you can tweak and apply in a click — every option below writes real, editable Figma Motion keyframes.

## How to create it in Figma

1. Select a **text layer** inside a plain frame (not auto-layout, so letters can be placed).
2. Adjust the **Text glyphs** options — Reveal, Spacing, Rotate glyphs, Tracking, and stagger.
3. Tweak the variables — the **preview updates live**. Use the reset icon to restore defaults.
4. Click **Apply to selection** to write the animation, or **Add example to canvas** to drop a ready-made demo.

## Tips

- Place the text in a **plain frame** (not auto-layout), which controls its children’s positions.
- No need to draw anything — this recipe makes its own path.

## Links

- [Preview & apply this example](https://systergon.com/motion-path/examples/gl-banner-wave)
- Install the Motion Path plugin: https://www.figma.com/community/plugin/1654530170219655744
- Poster image: https://systergon.com/motion-examples/gl-banner-wave.svg
- Looping demo video: https://systergon.com/motion-examples/gl-banner-wave.mp4