Visualise curves

Motion for AI makes it possible for LLMs and developers to visualise springs and cubic bezier curves directly in the code editor.

A prompt like:

Visualise the ease-in-out css easing curve

Will send an image like this to your LLM:

Or you could highlight existing Motion spring settings or cubic bezier definition and simply prompt:

Visualise

This can help you iterate on curves and for models with vision capabilities to better understand animations.

This tool is exclusive to Motion+ users.

Usage

Once installed, you can now give your LLM commands like "visualise a spring that is very bouncy" or "visualise a ease-in-out easing curve". Currently, springs and cubic bezier curves are supported.

With many tools, the tool response can currently be hidden in the UI.

For example, in Cursor, the tool response is initially collapsed.

You can click this response to open it, and then scroll down.