The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
ā¢ 2d
Turning AI & Data Concepts into Animated Stories
I created two reusable animation template concepts designed to make complex AI and data problems easier to understand through visual storytelling.
š ļø My creative and technical process
1. Researching problems and shaping the concepts
I started by exploring real challenges in AI and data science. Rather than creating another generic template, I wanted each concept to communicate a specific idea and have a clear purpose.
2. Building the initial designs with Figma and MCP
I used Claude with Figma MCP to help establish the initial design foundations in Figma, giving me a starting point for developing the visual direction of both concepts.
3. Refining the designs in Figma
I continued working directly in Figma, refining the layouts, visual details, and structure to develop two distinct template variations.
4. Bringing the designs to life with SVGator
Once the designs were ready, I moved to SVGator to animate them, transforming static visual concepts into animated stories that communicate their ideas more effectively.
šÆ The result
Model Evidence Lab ā Focused on machine learning model evaluation and why accuracy alone isn't always enough to judge a model.
Data Trust Lab ā Focused on data quality and how data issues can affect an entire pipeline.
These projects reflect my interest in combining AI and data science with design and animation to make technical ideas more accessible.
Tools used: Claude, OpenCode, Figma MCP, Figma, and SVGator Pro.
My takeaway: A useful template starts with a clear problem, not just an attractive design. The goal is to make the idea understandable while creating a visual structure that can be reused.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Brand Identity Kit: an animated brand showcase template šæ
I built a 3D-style brand scene that anyone can make their own. The sign, products and palette are all separate named layers, so swapping the images, retyping the text and changing five color fills turns it into a different brand with the same animation.
Best for brand launches, identity presentations and product reveals, whether youāre pitching a client, showing a rebrand or opening a new store.
How I built it: I designed the brand and products as separate layers, then used the @SVGator MCP with an AI assistant to structure the project and animate it, and finished it by hand in the editor.
Amazing š„š„
The Drop Machine ā one launch template, two brands
Your next big thing, freshly dispensed: The Drop Machine is a reusable launch animation for product drops, workshops, events, and creative releases. Built with SVGator MCP, it combines editable text, named layers, replaceable artwork, and a playful 10-second loop. The proof video shows a sneaker launch followed by a workshop remix using the same animation with different artwork, copy, and colors.
ā¢ 2d
Beauty
An editable animated testimonial card, built entirely through the SVGator MCP. Every element is named and live (headline, quote lines, name, role, avatar, logo), so swapping the text, images and colours produces a new video with no keyframes touched. The demo shows one template rendered as two different brands.
How do you handle longer quotes in this cardādoes the layout adapt, or do you recommend a character limit?