Prototype & Design App Store Ready App In Interface Builder • Jake Lin • YOW! 2016

Learn how to prototype App Store-ready iOS apps in Interface Builder using IBAnimatable, with 200+ pre-built animations and zero coding required. Perfect for designers and developers.

Key takeaways
  • Interface Builder combined with IBAnimatable library allows designing App Store-ready apps without writing code, supporting animations, transitions, and interactions

  • Protocol-oriented programming (POP) enables encapsulating UI logic in reusable protocols rather than subclasses, making components more flexible and maintainable

  • IBAnimatable provides 200+ pre-built animations, transitions, and UI effects that can be configured directly in Interface Builder through inspectable properties

  • Auto Layout and adaptive layouts in Interface Builder allow designing responsive interfaces that work across multiple iOS devices from a single design

  • Color spaces and RGB values can differ between design tools (Sketch) and Xcode/Interface Builder, requiring careful attention when implementing designs

  • Gesture support enables adding interactive navigation and transitions between screens without writing code

  • Material Design and other UI patterns can be implemented through IBAnimatable’s pre-built components and properties

  • Designers can work directly in Interface Builder to iterate on designs and see changes instantly without needing to write code or recompile

  • Protocol extensions allow providing default implementations while keeping APIs simple and allowing platform-specific customization

  • Interface Builder combined with IBAnimatable reduces the gap between design and development by providing a shared tool both roles can use effectively