Keynote UX

Free stencils to make interactive prototypes and website wireframes in Apple Keynote

Download » or Fork it on github

5mb zip contains Keynote ’09 compatible stencils

So easy your mom can wireframe!

Keynote UX is a collection of free stencils that make Apple Keynote the fastest and easiest tool to create website wireframes and interactive prototypes.

  • Over 70 hand made, scalable UI elements to use in your website wireframes and prototypes
  • Clean look and feel. No rough edges!
  • Create clickable PDFs in Keynote and navigate around like it’s the real site
  • Community supported and improved (this is an experiment - would you like to help?)

Some of the UI stencils you'll find inside

example user interface elements from the Keynote user experience stencils

Download Examples

Keynote example of this website created using Keynote UX
This website

Why did I create these stencils?

I want to spend less time creating wireframes, and more time imagining new features. I built these for myself to quickly create clickable prototypes to send to clients.

I’m also inspired by projects people I know have done. Specifically John Resig (jQuery) and Paul Irish (HTML5 Boilerplate).

Free stuff is awesome, especially when it furthers a cause like improving the quality of websites on the internet.

Keynote UX lowers the bar so more people can create websites with a superior user experience. Use Keynote UX stencils as a base, and build your own on top.

I use the Keynote UX stencils every day in my job, and I hope you will too!

How to get started.

Don’t worry - it’s dead easy.

Get Started making Wireframes

  1. Download Keynote UX
  2. Unzip the file and open “Keynote UX”
  3. Drag the “Slides” handle down on the left hand side to show the master slides
  4. Use command-c to copy and command-v to paste from the templates into your slides.

Make Keynote UX a permanent theme

  1. Click “File” and then “Save Theme”
  2. Next time you start Keynote, look for “Keynote UX” in the list of themes in the Theme Chooser
blog comments powered by Disqus