It's not easy to visualize how AI products work under the hood. But not easy doesn't mean impossi...

It's not easy to visualize how AI products work under the hood. But not easy doesn't mean impossi...It's not easy to visualize how AI products work under the hood. But not easy doesn't mean impossi...

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

Hubert Z.

• Jul 20

It's not easy to visualize how AI products work under the hood. But not easy doesn't mean impossible 😎

Rive Motion Design Web Design

Maty Sandoval

max

• Jul 21

That soft glowing orb floating in the wireframe grid is such a clever visual metaphor for an AI product, abstract enough to not overpromise but still feels alive thanks to the motion. Are you animating that in Rive procedurally, or keyframing each state by hand?

Hubert Z.

• Jul 21

Thanks for the kind words. This animation specifically was keyframed by hand

Divan Raj

pro

• Sep 18

Experimenting with avatar animation using Figma + Motion ✨

Honestly, I never thought Figma Motion could generate motion this smooth, it’s starting to feel surprisingly close to what I’d normally achieve in After Effects.

Figma Motion is definitely making motion exploration much more accessible for product designers. 👀

Figma Motion Design Animation

Sevki Sahinbas

pro

• Sep 18

This is getting surprisingly close to AE for quick motion exploration. Curious how well it holds up once the animations get more complex.

Serge Herasymchuk

max

• Sep 18

Why does a dashboard full of numbers still feel calm?

Bento grids are everywhere, and done right it's not a trend, it's information design. Each cell = one number, one meaning. The grid does the hierarchy for you.

Our three rules for a bento that works:

One idea per cell. Progress, glucose, one task. If a card needs two sentences, it needs two cards.

Mix the scale. One hero cell, a few mediums, one tiny stat, same gap everywhere.

One warm cell. A single card runs warm against the cool, dark screen; it carries the eye, and the rest stay quiet. No neon needed. Grids are calm. Content is loud. That's the whole trick.

Web Design