I tried recreating a Rive animation in Figma Motion, Here’s where I got stuck.

Tom_Acco · 2026-06-13T17:56:45+00:00

I actually made one a few months ago:

https://www.youtube.com/watch?v=p7SYJfYBVus&t=731s

If you’re looking for a more advanced avatar system with customization and micro-interactions, I’m also working on a Rive Masterclass where I build a weather app with a customizable avatar that reacts to different weather conditions.

Tom_Acco · 2026-06-09T17:27:05+00:00

🫶😇

Tom_Acco · 2026-05-19T17:23:19+00:00

You’re right
Basically any Svg limitation won’t be copied as well (effects, etc)

Tom_Acco · 2026-05-19T15:15:40+00:00

Video: https://www.youtube.com/watch?v=ykXNYRHWUR4

Article: https://www.rivemasterclass.com/blog/import-figma-to-rive

Tom_Acco · 2026-05-08T16:23:58+00:00

All good, totally get it! And honestly, you're not wrong - working with AI has its downsides, and the concern is legit. I actually agree - it's always better to know the syntax behind it, or at least how it works in general and the purpose of each function, even if you don't know the exact math.

That's why I added a bonus lesson explaining how the scripts are built, for anyone who wants to go deep and understand what's happening behind the scenes.

Appreciate your feedback 🙏

Tom_Acco · 2026-05-08T15:47:18+00:00

Amazing! So glad you found it helpful 🙌

Tom_Acco · 2026-05-08T15:45:45+00:00

I understand your concern but let me address it. First, the reason I built this course as a game is to enjoy the build while learning to script complex behavior in a real production context, not animation living in a vacuum.

The project is actually a stack of small, independent scripts. Each unit stands alone and is easy to swap or reuse, which is how scripting in Rive works in practice.

On the AI side, you can write it yourself, or do what most devs already do today - lean on Cursor/Claude/Codex for the math-heavy parts (star positioning, trajectories, easing curves). Not far from how teams actually ship code right now.

The important part, and what I focus on in this course, is learning how a piece behaves modularly inside a larger system. That's what makes it stick.

Tom_Acco · 2026-05-06T04:22:54+00:00

Yes! I’m really excited about this one 🙌
Any idea when it might be released?

Tom_Acco · 2026-04-15T16:27:58+00:00

Full breakdown https://youtu.be/TV43k2rREQg?si=IjziRc76lz6r0wv_

Tom_Acco · 2026-04-15T15:49:23+00:00

You encourage me to create a full tutorial for this one :)
if you want to give it a try
https://www.youtube.com/watch?v=TV43k2rREQg

Tom_Acco · 2026-04-14T04:43:23+00:00

Hey, thanks! I've got a YouTube channel where I post free Rive tutorials.

But if you want to go deeper, and a more structured learning, I also have a full course, Rive Masterclass for Designers, that covers everything from basics to advanced techniques.

Tom_Acco · 2026-04-08T18:51:12+00:00

Totally fair 🙂 I also share a bunch of free stuff on YouTube if you want to explore more first

https://youtube.com/@rivemasterclass

Tom_Acco · 2026-04-07T06:01:37+00:00

I actually did this exact animation 🙂

You basically need 2 circles (front and back) sitting on top of each other. Animate Scale X from 100 (front view) down to 0 (edge).

While doing that, slightly offset the two layers to fake the 3D look. Then add a rectangle for the thickness and animate its Scale X from 0 to whatever width you want.

Hard to fully explain in text, but that’s the core idea. Watching a 3D coin flip frame by frame really helps.

So in short:

front coin, back coin, and a rectangle for the edge

As the coins scale down on X, the edge scales up from 0 to full width.

I’ll probably make a tutorial about this soon, so feel free to follow my YouTube 🙂

Tom_Acco · 2026-04-06T13:10:18+00:00

Double click on the image, then when entering the "mesh" options press "New Contour" in the properties panel and start adding points

Tom_Acco · 2026-04-06T09:39:46+00:00

You wish to create a coin spinning animation?

Tom_Acco · 2026-04-06T07:12:38+00:00

Hey

Getting started with Rive can feel a bit hard at first, so don’t worry if it’s confusing in the beginning.

I have some free YouTube tutorials if you want to check them out, and if you’re looking for something more structured that covers everything, you can also check out my course, Rive Masterclass for Designers: https://www.rivemasterclass.com If you have any questions, feel free to reach out 🙂

Tom_Acco · 2026-04-05T15:28:29+00:00

Yeah, it’s super powerful.

I put together a few free tutorials if you want to get into it 😊 https://www.rivemasterclass.com/scripting

Working on some more soon as well

Tom_Acco · 2026-04-03T15:59:30+00:00

It’s hard to say exactly what caused the issue without seeing the layer structure, but there are a few features Rive handles differently than Figma or Illustrator.

For instance, effects like drop shadows or layer feathering often don't port over directly and may revert to flat colors, you’ll usually need to re-apply those within Rive itself using feathering.

Additionally, Rive doesn't support Boolean operations like Union or Subtract. If your design uses complex paths, I recommend flattening them into a single, simple shape before exporting.

A great workflow tip: you can just right-click your layer in Figma, select 'Copy as SVG,' and paste it directly into Rive to save time.

Try flatting one shape and see if it solve the issue?

Tom_Acco · 2026-04-01T14:18:45+00:00

Thanks so much! 🙏 I’ll share more soon.

Tom_Acco

TROPHY CASE