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
Static web design is dead.
Designed this bento section for a Sales CRM Platform and turned it into an animated section with Claude.
I got to start including motion in my designs.
Clean work
haha, thanks!
animating with claude instead of after effects? curious how much tweaking it needed
I'm quite familiar with principles/basic rules of motion design, so I know what I want. Took around 4-5 prompts, around 20 min to get this result.
Static web design is dead is a bold claim, but this bento section makes the case, Al Razi. Turning it into an animated section with Claude gives the CRM's data moments that actually move the eye.
Appreciate the feedback, Timothy!
I’m curious, what prompt did you use to create this? The result looks really smooth, by the way!
Thank you, took around 4-5 prompts and around 20 min to get this result. The prompt consists telling claude how to animate it roughly, Opus 5.5 is amazing at that. Hope this helps.
Very nice! Did you manage to do it with the pro subscription?
Yes!
Couldn't agree more on static design feeling outdated! Curious about your workflow here—did you feed Claude the Figma SVGs directly, or did you write the markup structure first and let it handle the CSS animations? Either way, the bento layout looks super clean!
Designed the landing page first, this bento design is a part of it. Then fed the figma file directly to claude and took 3-4 prompts with 20 minute to get this result.
Totally agree - static is dead! 🔥 That bento for Sales CRM + motion with Claude is such a smart workflow. Adding motion really makes the whole section breathe and feel alive. You gotta keep pushing this animated direction, it's the future!
💯
💯💯 Let's go!
Wow I love this
Me too!
The staggered card motion makes the bento feel alive. Did you prompt Claude for the easing too?
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
📰 FRONT PAGE
A launch-day ad that puts your product on the front page.
Tuesday, October 14. Late City Edition.
A blood orange soda came back.
Shelves cleared in eleven minutes.
Officials urged the public to remain calm.
Friday morning, a phone outlived the news cycle.
Its charger was reported missing, presumed retired.
Saturday, 12:01 a.m.
Cold brew hit the shelves.
Nobody went home.
None of it happened.
All of it made the front page.
🗞️ Every launch wants to be news.
Most of them get a banner.
I couldn't find a single newspaper in SVGator's template gallery.
So I built one.
The Bellbird Times.
The Kestrel Herald.
The Nightjar Post.
Three papers.
One template.
Zero redraws.
Retype the headline, swap the photo and the logo.
Every word is live text. Every layer has a name.
The motion never changes.
So what's your headline?
The press never stops. ✨
🛠️ Built in SVGator with the MCP. 1,038 named layers, 8,440 keyframes.
the idea , the design , motion design
everything is peak-
Shapeshift is a looping product-carousel ad I designed as a reusable template for any brand with four products to show (flavours, colourways, a menu), made for Instagram and paid social. Every piece is a named layer: retype the text, drop your photos into the four product slots and recolour, and the motion stays the same. Swap in a different shape set (soft, Mughal or geometric) and the same timing takes on a new personality.
I built it with the SVGator MCP. I came up with the concept and art-directed the motion, colours and every rebrand, while an AI assistant made the layer edits through the MCP. Every version in the video (vivid, light, the Bunsmith burger rebrand and the Mughal shapes) comes from that same file.
Traditional corporate training often feels disconnected from everyday work. Skillio helps bridge that gap with personalized five-minute sessions, job-specific AI simulations, and instant feedback.
The mobile experience supports role-based learning across professions, with interactive chat and voice exercises that recreate realistic workplace situations. A lime-green, lavender, and deep-green palette, bold typography, and a flower-shaped performance chart make progress easy to understand and engaging to explore.
Explore the project on Dribbble:
https://dribbble.com/shots/27808131-Mobile-App-Powered-Employee-Training
Sweeet