A rating element is a row of five stars showing a score from one to five. It's a compact, instantly readable way to mark how something measures up, so it sits well next to options you're comparing or criteria you're scoring.
Adding one
Pick Rating. It drops onto the canvas as five stars with three filled, in an amber accent.
Move, resize, recolour, group, or lock it like any other element. Its stroke (accent) colour tints the filled stars.
Setting the score and animation
Right-click the rating to open its context menu and find the Rating category. There you'll find:
- A star picker: click a star to set the score from one to five.
- An Animation row with five options: None, Pop, Twinkle, Pulse, and Rock.
The animations split into two kinds. Pop and Rock play once as an entrance, so they're a nice touch when the rating first appears. Twinkle and Pulse loop by default, drawing a little ongoing attention. Once you pick one, a Speed row (Slow / Normal / Fast) and a Repeat toggle appear so you can adjust the timing or override whether it loops.
The wrapper draws no box border, so the stars sit cleanly on the canvas without a frame around them.
Animations are reduced-motion-safe and freeze when you export, so an exported image always shows the stars at rest with the correct score.
Was this article helpful?