Seeking Guidance on Responsive Design Workflow and Component Handling in Figma

Hello everyone, I’m a newbie UI/UX designer and am currently learning the ropes. I’m facing some challenges related to the workflow process for designing responsive websites in Figma.

  1. Workflow Confusion: After completing the desktop design, should I move on to creating the mobile version and then prototype both? Or is it better to prototype the desktop version first and then work on the mobile design and prototype?
  2. Component Sets: When designing for responsiveness, how should I handle component sets? We can’t apply constrains to Components. Do I need to detach instances to adjust components for mobile?

I’d really appreciate any advice or tips on how to tackle these issues efficiently. Thanks in advance!