Free UI Kit – iOS 11 with iPhone X for Sketch

iOS 11 UI Kit for iPhone X
Sign up to our newsletter for UI freebies and design talk
I agree to subscribe to the monthly newsletter


It’s been labelled as “The most comprehensive iOS 11 UI Kit for Sketch”.  Check out this brand new free UI Kit now available for free via the link below.

Designed with deep consideration of Apple’s Human Interface Guidelines.

All of the components, layouts and typography are made according to Apple’s Human Interface Guidelines. The naming convention of each component strictly follows Apple Developer Documentation so you can get familiar with it when you implement your designs in Xcode.

iOS 11 Typography

The whole UI Kit is design with iOS 11 type sizes with the system typeface in iOS, San Francisco. You can easily apply or change text style with the font you desire. Download the latest version of SF Pro font here.

Resizable Nested Symbols

All elements can be easily resized to any width or height for different screens sizes. Most of the Symbols are created with customization in mind. You can override Symbols labels, icons or states at any time.

Dark Theme UI Kit

Most of the components have been designed in two versions, the light and the dark themes. Because who doesn’t love a dark UI?

Feature video for this free UI kit below:

Check out our entire ui freebie collection

Take a look through our entire design freebie collection to select the resources that will help you in your project. Let us know what freebie you’d like to see on the site next. We tailor our icons and ui freebies to our readers so get in touch with any ideas you might have; even better send over the design work that you use our freebies for to be featured in a blog post. Follow us on Twitter and Instagram to stay up to date with the latest ui freebies.

Our huge library of UI freebies include a wide variety of mock-ups which you can use for personal and commercial projects. Do you have a mock-up you’d like to share with the UiPie community? You could reach thousands of designers with your GUI designs, just get in touch. Have you read our first blog post? Learn UI Design in 15 steps is a comprehensive guide to learning UI design; we discuss varying methods of improving your ui knowledge to joining a small team.


Take a look at the rest of our design resources collection

Sign up to our newsletter for UI freebies and design talk
I agree to subscribe to the monthly newsletter