Cole
A content creator on Bilibili who focuses on sharing design and development workflows, exploring practical methods for applying AI-assisted design in real-world contexts.
Timeline (last 90 days)
Bilibili UP host Cole shared a motion design-to-code workflow from Figma Motion to Cursor: first refining animations in Figma Motion, then using an AI Agent to generate structured prompts, and finally handing them to Cursor to generate runnable code.
Cole instructed the Agent to export the finished animation as a structured prompt containing all DOM elements, so that it could be handed to an LLM for implementation.
After Cole pasted the Agent-generated prompt into Cursor, the code was quickly produced, and draggable interaction was layered on top of the code.
This workflow is still a sharing of a personal experimental nature from a single creator's experience; AI does not produce results with a single click and still requires repeated human guidance.
All Facts (4)
Bilibili UP host Cole shared a motion design-to-code workflow from Figma Motion to Cursor: first refining animations in Figma Motion, then using an AI Agent to generate structured prompts, and finally handing them to Cursor to generate runnable code.
50%UnverifiedThis workflow is still a sharing of a personal experimental nature from a single creator's experience; AI does not produce results with a single click and still requires repeated human guidance.
50%UnverifiedCole instructed the Agent to export the finished animation as a structured prompt containing all DOM elements, so that it could be handed to an LLM for implementation.
50%UnverifiedAfter Cole pasted the Agent-generated prompt into Cursor, the code was quickly produced, and draggable interaction was layered on top of the code.
50%