Chapter 6: Responsive Design & Handoff

Constraints, auto layout wrapping, min/max width, responsive testing, multi-screen flows, exporting assets, and developer handoff.

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. Developer handoff basics