iOS UI Kit for Keynote

Mateus Peixoto
Dec 30, 2016 · 2 min read

We all know about the Apple Keynote power for presentations. It’s simple, easy to use and fast. But what about designing apps with it?

Thing is it can be more than what it was designed for. For me — and a lot of other folks — it’s one of the best prototyping tools out there. Matter of fact, they use Keynote to design Keynote (true story).

3 things I love about Keynote when I’m prototyping

  1. It’s easy to animate
    Animate elements with fancy transitions, create links between screens with smooth transitions. The performance is outstanding.
    Check Linda Dong’s experiment:
  2. It’s limited
    It’s not the tool for pushing pixels and that’s great. That way I focus on solving navigation and interaction problems. And the overall idea.
  3. Preview designs on your iPhone or iPad
    All you need is Keynote for iOS.

My Gift to You

To help my self, I made an iOS UI Kit for Keynote with the essential UI elements. It has helped me for quite a while, so I want you guys to have fun with it as well.

If you don’t have Apple’s San Francisco font, no problem. Just open the file.


To Zoom In/Out go “command+option+scroll” (only with Magic Mouse).


Use it, share it and have fun!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store