Improve Auto Layout and Prototype Inspection in Dev Mode

Hi Figma team!

I'm a product designer working closely with developers on mobile and tablet app design.

We've encountered a couple of challenges when developers inspect our designs in Dev Mode.
 

Current challenges:

1. Auto Layout is difficult to identify in Dev Mode.

   • It's not easy for developers to tell whether Auto Layout has been applied to a frame.

   • Unlike Design Mode, where Auto Layout is clearly indicated, Dev Mode doesn't make this obvious.

2. Prototype connections are difficult to inspect in Dev Mode.

   • Developers can't easily identify which screens or dialogs are connected through Prototype interactions.

   • To check transitions, they need to use the Preview button, making it less convenient to understand the overall screen flow.

Suggested improvements:

• Make it easier to identify which frames have Auto Layout applied in Dev Mode.

• Make Prototype connections and interactions visible and easier to inspect in Dev Mode, without having to launch Preview.

These improvements would make design-to-development handoff much smoother and help reduce unnecessary communication between designers and developers.

Thanks for considering these improvements!