#Omnigraffle stencil network how to

It also allows you to easily change that layer and have those changes cascade across all the canvases in which the shared layer is used.

This allows you to easily reuse a layer across multiple canvases. Shifting layers up and down will help create a manageable page structure that displays the way you need it to.ĭo you have something like a navigation bar, background, or footer that spans multiple pages without changing? Then use a shared layer. Within layers you can organize and move around individual elements. If you are familiar with Photoshop or Illustrator then it works the same way in Omnigraffle. Layers are used to organize within a canvas. I usually start with a cover page, some flow diagrams, and some information about the users and problem I’m trying to solve. They can house any sort of content you need. They show both what the content is and its hierarchical structure to help you manage and organize very easily.Ĭanvases are how you set up your pages. The Canvas and Layers sidebars are used to see the organization of your full document and its content. If you have questions or other elements you want further information about then leave a comment and I’ll do my best to provide that information. The following elements are the ones we’ll look at in this tutorial. Let’s run through the program, examine how powerful Omnigraffle is and how we can use it to put together stellar wireframes. However, despite its few shortcomings, it’s a fantastic wireframing tool. You can do things like show/hide layers, but those really only work within Omnigraffle. You can produce clickable prototypes but that’s about as far as it can go. The biggest thing it doesn’t have is great interactivity for prototyping. I’ve used all kinds of applications for wireframing and, while it’s not perfect, Omnigraffle has the best combination of capabilities and efficiency for my workflow.

#Omnigraffle stencil network how to

Omnigraffle is a tool that can be use for many purposes, but today we’ll explore how to use it for wireframing.