[BUG] Lock Aspect Ratio + Responsive Prototype View

Hi there,

Thanks for reaching out about this. Let me make sure I understand your question correctly - are you looking to display your entire prototype on screen at once?

The "Responsive" option works differently - it actually resizes your frame to match the dimensions of the viewing window, which might not show your entire prototype content if the proportions don't match.

Please let me know if I've misunderstood your question or if you're trying to achieve something different!

Thanks!

Toku

Hi Toku,

Thanks for your reply.

I'm trying to display my prototype in Responsive View to clients to show how their website may look as it scales up or down.

Notice the pink footer — it's cut off when I switch to Responsive View. This issue occurs because the grey boxes (which are images) have Aspect Ratio Lock enabled.

If I disable Aspect Ratio Lock, the footer displays correctly. However, the images (grey boxes) become distorted and stretched. I'm aware they're set to "fill" — that's intentional, as I want the images to scale responsively with the screen. But without Aspect Ratio Lock enabled, they don’t maintain their proportions.

I've attached two GIFs to demonstrate this:

• Aspect-Ratio-Enabled.gif: Aspect Ratio Lock is enabled — the footer is cut off.

• Aspect-Ratio-Disabled.gif: Aspect Ratio Lock is disabled — the footer displays properly, but the grey boxes are stretched out of proportion.

This clearly shows the at Aspect Ratio Lock causes unintended behaviour in Responsive View.

Hopefully that helps showcase the issue.

Thanks,

Lachlan