Prototyper – Game controller & keyboard navigation prototypes

Create game controller and keyboard navigation prototypes in seconds with Prototyper. Used and trusted by designers at Rockstar Games, PlayStation, Riot Games, Ubisoft, Electronic Arts, and Epic Games.

Learn how to use PrototyperIn this Game UI Prototyping talk, learn how to build a Game Inventory, Skill Tree and Quest Log prototype in under 10 minutes with Prototyper.

Create a prototype from existing mockups (demo)Select all top-level frames of your mockups.

In Prototyper, go to the Link tab.

Click Link.

Create a prototype from a single mockup (demo)Create components for the UI elements you would like to navigate in your mockup. For each component, add a component property to change between an unfocused and focused visual state. Now replace the UI elements with instances of the components you just created.

In the top-level frame of your mockup, select the component instances.

In Prototyper, under Navigation Focus type the name of the component property that controls focus, and the values that represent the unfocused and focused states.

Click Generate.

Prototype interactions will be automatically assigned based on how the selected elements are arranged. For example, mockups or elements arranged horizontally will be navigable with left and right inputs.

Privacy & Network AccessPrototyper is completely private. It runs locally in your file and does not make any network calls. All stats are also calculated and stored on your computer.

Open SourcePrototyper is open source and contributions are welcome!

ContributorsAlex Tokmakchiev - PlayStation Controller KeycodesAntoine Plu - PlayStation Controller icons