Responsive design seperated frames or jus 1?

Should I design seperated frame sizes like this

Screen Shot 2024-08-07 at 11.24.50

to show developer better understanding for the responsive design ?

Or just made 1 responsive design?

I’d make one responsive, turn into a component, hand over with a separate spec where your team can see various sizes / breakpoints

However, Figma does not cover all things that make design responsive. In CSS we can change elements order, flow direction etc. In this case I usually create few variations of the same component. And document required behavior, which is the most important piece here

I get it, so you think I already done in right way?

I do several variations for the same components according to different frame sizes too.