Mini Project
SVG Particle
animation
Tools used
Cursor
Experiments
Writing the brief
Refining prompts
Guiding layout decisions
Defining interactions
Preparing handoff
Drop an SVG file and convert it into particle animation. Got inspired by Linear. Understood the tech stack behind it, which was built in - Three.js. Built it using "cursor", this was a small personal project.
Prototype
Tools used
Claude code
Figma MCP
Experiments
Writing the brief
Refining prompts
Guiding layout decisions
Defining interactions
Preparing handoff
Built a prototype using "claude code and Figma MCP". Heard some good things about claude code using terminal to built some prototype. Helped me create realistic prototype to ensure i communicate my ideas to engineers and leadership team.
Prototype
Tools used
Figma make
Workflow
Writing the brief
Refining prompts
Guiding layout decisions
Defining interactions
Preparing handoff
This was the first time exploring AI tools started with "Figma Make". Connected the design system to create prototypes, this is the "Cassini chrome plugin" prototype