# Comet heat

_Ambient & decorative · Figma Motion Path example_

A comet warms from cool blue to hot orange as it accelerates along the arc, dragging a fading tail and smearing with speed — colour shift, trail and motion blur together. 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 **single layer inside a frame** (so it has a Motion timeline). This example generates its own path.
2. Tweak the variables — the **preview updates live**. Use the reset icon to restore defaults.
3. Click **Apply to selection** to write the animation, or **Add example to canvas** to drop a ready-made demo.

## Tips

- Select **multiple copies** (Distribute) or a longer path so the echo / train spreads out.
- If an asymmetric object should lead nose-first, set the matching **Anchor point**.
- Motion blur is velocity-driven too — an eased curve or Speed profile gives it fast and slow stretches to react to.
- No need to draw anything — this recipe makes its own path.

## Links

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