Chapter 6: Responsive Design & Collaboration

Constraints, auto layout wrapping, min/max width, responsive testing, multi-screen flows, exporting assets, and design-dev collaboration.

Work through the lessons in order, or jump to the specific thing you need.

1. Understand constraints
2. Use auto layout wrapping
3. Apply min and max width to components
4. Test design on different frame sizes
5. Prototype: connect a full multi-screen flow
6. Export individual assets
7. Batch export assets at multiple scales
8. Design-dev collaboration