Whether you work in Origami, Framer, Sketch, or Photoshop, we created a file to use with each tool. We’ve focused on balancing ease-of-use with accuracy.
The components attempt to cover as many of the common UI elements within the OS as possible, including renderings of the phones themselves. Below that are operating system level screens that are common outside of individual app experiences. And at the bottom of the page are flows through common apps for reference and use. In Sketch, we’ve worked in 1x and in Photoshop at 2x and where possible we’ve tried to make components scale across device widths.
In addition to the commonly used UI elements, Facebook iOS 11 contains a ton of elements found throughout the latest iOS release.
If something is off with these files, we want to fix it. Send us a message at firstname.lastname@example.org.