How to Handoff Responsive Design

View Multiple Screen Sizes in Auto-Layout’s Export Specs

🤝 As we introduced the new way to communicate Auto-Layout specifications to developers, we began receiving great feedback from teams.

🐶 The team over at Wag! had some great insights on how to make it easier for iOS engineers to inspect Auto-Layout specs.

Wag is a mobile app that offers dog walking services. The app needs to support many different devices screen sizes. From iPhone 8 to iPhone X, to an infinite number of Android screen sizes.

To make this process easier, designers use Auto-Layout in Sketch, and then Export Specs to developers as a web link.

🔎 Developers can inspect Auto-Layout constraints, and Stacks as well, in the web interface:

🤙 But starting today, based on feedback from the Wag! team, you can also change the screen size:

But that’s not all. You can also view multiple screen sizes all at once:

To change screen size or generate an overview, click the Interactive Mode button

If you have feature requests, we take them very seriously. Send them over to us at feedback@animaapp.com or just send them over chat on our website.

Thank you for reading!

Join the discussion on Facebook or Twitter.
❤️ Anima team

Design to development platform

Design to development platform