Subscribe
Sign in
p/design-codeWe teach designers code & developers design.
Start new thread
Meng To

iOS 11 UI Kit for Sketch - The most comprehensive iOS 11 GUI for Sketch app

byβ€’

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.

Add a comment

Replies

Best
Pizza Yap
Maker
Hi Product Hunters! πŸ‘‹ Super excited and finally we launch the UI Kit that we vision. We kind of late into the UI Kit field so we tried to make this UI Kit as accurate as actual iOS design that you see on your iPhone. Just like @mengto mention, this UI Kit contains tons of Nested Symbols and customizable! And we have design iOS native pickers too which can't really find in other UI Kits, now it is exclusive to Design+Code UI Kit. πŸŽ‰ Other than you can use this UI Kit to kickstart your next project, you also can use it when learning Sketch lessons in Design+Code 2 book. We'll keep this UI Kit as updated as possible, and feels free to give your feedback, we love to hear it! 😍
Meng To
Maker
Hello Product Hunt! We spent over a month working on this gigantic UI Kit, with a ton of Nested Symbols, Overrides and wanted to make it as accurate as possible, following Apple's HIG. It works as a Sketch Library and has a Dark mode for every component. You can customize the colors, icons, and content as you wish, and everything will be fully adaptive! To be frank, we wanted to release one 3 months ago, but we were too busy with Design+Code's book content and the iOS app. Instead, we chose to come late in the game, but really spend the necessary time to make it super detailed and comprehensive. We hope you enjoy this massive effort. We'll keep it updated! We'd love to hear your feedback! Big shoutout to @pizza0502 for working so hard on this! Meng
Ahmed Sulaiman
This UI Kit should be installed by default as a Sketch library for all iOS designer out there! Can't imagine how much work has been done to achieve such polished details on all iOS UI elements. πŸ™Œ Congratulations on the launch @mengto and the whole team! 🀘
Pizza Yap
Maker
@geek_1001 thanks for the kind words 😍 we'll keep shipping more great stuffs!
Adam Davies
Great job guys. Awesome! Can't wait for the future of Design & Code πŸ™Œ
Pizza Yap
Maker
@adammydesign there are tons of stuff lining up in our pipeline, will be super awesome this year, stay tuned! πŸ™
Valia Havryliuk
congratulations on launching :) It looks interesting!
Pizza Yap
Maker
@valiahavruliyk Thanks! Yeah, and it is an interesting project we've done too! Try using it and give us any feedback! πŸ˜„
Philipp Berner
@mengto I’m super impressed with your work. This looks amazing
Meng To
Maker
@philippberner Thanks Philipp, hope you're doing great! That's very kind of you to say. :)
Lee Fuhr
@mengto … you legend, you. πŸ’― as always. So reliable.
Meng To
Maker
@cozysd Absolutely honored to read this. Thanks!
PaweΕ‚ Halicki
@mengto, @pizza0502 - amazing quality as always. Thanks for another excellent resource 🀟
Pizza Yap
Maker
@pawelhalicki thanks! Hope this UI kit will helps for your projects! 😁
Lisa Dziuba
Looks cool!!! congrats with the launch!
Pizza Yap
Maker
@lisadziuba Thanks! 😊
G G
Thank you, will use this as is to make apps on Android. Google play accepts apps that look 100% like they are on iOS. Thank you!
Pizza Yap
Maker
@androidlove I'm not sure about Google Play to accept 100% iOS alike app, but thanks! Let us know when you've launched the app! πŸ‘βœ¨