Figma recently shipped motion mode. I tried it and it’s pretty cool, very easy to get started, and tokens are built-in to animations just like the rest of the app.
So I started thinking, for Penpot to be a contender, it would help to have an integration with some motion design tools, since now a Figma seat also includes a pretty good motion design tool.
My first ideas are:
Friction (open-source, desktop app)
Jitter (web-based, more similar to Penpot or Figma)
Rive (often used for interaction/data driven UI animations)
Do you have any other motion apps you often use and think would work well with Penpot? Would some kind of motion integration solve a problem for you?
I remember a very interesting web-focused motion design project called Haiku. Unfortunately, I don’t think it is maintained anymore, although its source code is available on GitHub. There are still open-source alternatives, such as Glaxnimate, as well as the excellent Friction you mentioned and JavaScript libraries like Theatre.js.
I liked Jitter when I used it. I’m not a big animation fan because I have vestibular disorder (that means a lot of animations make me feel queasy.) But I do love a subtle hover transition, and anything that can make a shift in content smoother.
I’m absolutely with you. All those dancing boxes and wobbling bits of text… “make my body ache” — as Mötley Crüe used to sing! But I do think that adding a few subtle micro-animations can make the interface feel much more elegant, while also improving the user experience.
Design - Lolly (when you select video) has a sequence editor with keyframes audio video splitting etc. It’s not so advanced yet so I’d love to track this effort to find out what the ideal penpot to motion experience looks like, right now it’s just your penpot artboards along a timeline that you can edit / tween / add video and lottie etc to.
I know Jitter, which is based in Paris (and I often grab a beer at their head office). But Penpot isn’t really their focus right now. Integrations aren’t in place yet, but as I understand it, they could arrive in a while.
I’m thinking of LottieFiles, which uses the Lottie engine and focuses on SVG animations.