Omnigraffle Tutorial
Upcoming SlideShare
Loading in...5

Omnigraffle Tutorial



Slides from an OmniGraffle tutorial I ran for the Viget PM group.

Slides from an OmniGraffle tutorial I ran for the Viget PM group.



Total Views
Views on SlideShare
Embed Views



4 Embeds 198 114 70 13 1


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Omnigraffle Tutorial Omnigraffle Tutorial Presentation Transcript

  • Getting to Know OmniGraffle Jackson Fox, Viget Labs
  • 1. Basic Concepts 2. Tools 3. Demo Time
  • Main Window Inspector Stencils
  • Tools, grouped into useful and less useful Click once to use the ! tool once, or click twice to make it sticky.
  • Canvases, aka “Pages”
  • Layers, kinda like Photoshop The little pencil tells us ! which layer we’re editing
  • Layers + = Layer 1: Layer 2: Wireframe Page Content Page Chrome
  • Shared layers, they let you share UI pieces across many canvases You can’t convert shared layers to normal ! layers, or normal layers to shared layers But you can easily add and remove shared ! layers to a canvas
  • Shared Layers Article & Sidebar Article Gallery & Sidebar
  • Shared Layers Article & Sidebar Article Gallery & Sidebar
  • Shape Tool ! You can change shapes in the inspector ! You can deform shapes by making the points editable (go to Edit → Shapes) ! You can combine and subtract shapes (go to Edit → Shapes)
  • Line Tool It makes lines, and arrows
  • Text Tool ! Why would you default to centered?! ! 5px default padding
  • Magnet Tool Lets you create and move anchors that lines and arrows attach to
  • Magnet Tool No Magnets My Shape Magnets
  • Zoom Tool Zoom in on the canvas (duh)
  • Drag Tool Move the canvas around when you’re zoomed in ! Press the spacebar at any time to switch to the drag tool
  • ! Stencils Search Search for stencils ! Search Graffletopia Stencil Folders Stencil Elements ! Drag and drop elements on to your canvas ! Elements only have one “mode,” to make different states, you need different elements
  • Change tool options ! Double click on a tab to keep more than one tab open at once! Object Properties Canvas Options Add actions to objects to make ! and Tools them clickable! Document Properties
  • Demo Time
  • Why I OmniGraffle Documents look good Good layout controls and guides Keyboard controls Good multiple document support Shared canvases