Interactive Breadboard Animation Project Using Rive & Figma

Interactive Breadboard Animation Project Using Rive & FigmaInteractive Breadboard Animation Project Using Rive & Figma

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

David Fabiyi

pro

• Mar 3

Worked on this animation in @Rive a while ago. You can interact with each component by dragging them around the breadboard and they snap to the grid because the legs are supposed to connect to the holes. It was very challenging to manage the rendering at runtime because the visuals are weighty with lots of feathering but I found better ways to structure things and still keep vector level quality. Stack: Assets & components were illustrated in figma Animation & Databinding for JS. runtime done in Rive

Rive Animation Illustration

JAVIER | DSpot

max

• Mar 9

We've been working with @Jack Saltel VOVY Company (4 month already of collab on @Contra ) on their mascot, branding, web design, and more. Excited to see them go live in Times Square! The interesting thing is that the character was animated in @Rive and exported as a video asset to use on the Times Square banner, since it has already been rigged there for many other web actions and interactions, using some cool poses and states we will be showing soon. Big shout out to @Junior Fonseca and @Daniel Aleman Robaina, part of our team, who have been working on this collaboration!

Brand Design Rive character Animation Rive Animation

Abhiram Tinguria

• Mar 9

Super cool to see projects from Contra showing up in Times Square. Congrats!

Afeez Yunus

• Mar 9

A robust avatar creator I launched about a year ago, using Rive and Swift. This was well before the data binding feature in Rive. Crazy to think of how much would change in the workflow if I were to try it today. Try it at: https://apps.apple.com/gb/app/jas-character-creator/id6740578290

iOS Development Product Design Rive Animation Rive SwiftUI

UI Mostofa⭐

• Mar 9

Refined professional execution 😍

Monserrat Vazquez

max

• Mar 10

How many tools does it take to create brand visuals?

I’ve been exploring more ways to move from visual ideas 👉🏻 mockups 👉🏻 motion without constantly switching between tools.

Been experimenting with this workflow inside Kittl and it’s been a really smooth way to develop visual directions, test product scenes, and turn them into motion content.

Curious how you guys are using Kittl - what’s your favorite feature? 💬