Visualise curves
This feature is only available with Motion+
Motion Studio enables LLMs and developers to visualise springs and cubic bezier curves directly in the code editor.
Once installed, 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".
This can help LLMs with vision capabilities to better understand animations.
With many tools, the visualisation might 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.
Motion Studio enables LLMs and developers to visualise springs and cubic bezier curves directly in the code editor.
Once installed, 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".
This can help LLMs with vision capabilities to better understand animations.
With many tools, the visualisation might 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.
Motion Studio enables LLMs and developers to visualise springs and cubic bezier curves directly in the code editor.
Once installed, 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".
This can help LLMs with vision capabilities to better understand animations.
With many tools, the visualisation might 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.
