# Thebe — swipe & thicken

_Link hover lines · Figma Motion Path example_

A double underline swipes in from the left and thickens as it lands. 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 the **text layer** you want the link built around (inside a frame).
2. Optionally tick **Generate two states (Default / Hover)** to get both variants.
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

- The path layer needs a **visible stroke** — draw-on animates that stroke.

## Links

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