Magnolia CMS Standard Templating Kit (STK) Stencils for OmniGraffle

Your Rating: Results: PatheticBadOKGoodOutstanding! 12 rates

About Magnolia CMS Standard Templating Kit (STK) Stencils for OmniGraffle

Magnolia CMS Standard Templating Kit (STK) Stencils is a stencil library to help wireframe and plan your Magnolia CMS based web app's user interface. Includes grids, and most of the paragraphs included in the Magnolia CMS STK such as:

  • Teasers
  • Teaser Groups
  • Teaser Wrappers
  • Teaser Latest
  • Text Boxes
  • Glossary
  • Article Components, such as Quoted Text, Image Text, Contact, etc.
  • Gallery
  • News
  • Events
  • Search
  • Grid Variations
Note
The Magnolia CMS STK Stencil Library was developed with OmniGraffle Professional v5.

Download and Install

If you do not have OmniGraffle, you will need to download a copy of OmniGraffle first. Once you have OmniGraffle installed you can continue.

Simple Approach (Recommended)

  1. Download Magnolia CMS STK Stencil Library (zip)
  2. Expand the Magnolia STK Stencils.zip file
  3. Copy the entire Magnolia STK Stencils directory to ~/Library/Application Support/OmniGraffle/Stencils/

Alternative Approaches to Download and Install

The stencils within the zip file above are now available on Graffletopia.

Handy Tip

You will need to download and install each stencil individually. You may want to create folders to store them in. For instance, the directory layout used within the zip file is:

+ Magnolia STK Stencils
  |- Content
  |  |- Article
  |  |- Event
  |  |- Events Overview
  |  |- Gallery
  |  |- Glossary
  |  |- Search
  |  |- Text Boxes
  |- Grids
  |  |- Medium
  |  |- Wide
  |- Teasers
     |- Teaser Groups
     |- Teaser Latest
     |- Teaser Wrappers
     |- Teasers

There are two approaches to download and install the stencils from Graffletopia: via a web browser or OmniGraffle Stencils Search.

Approach 1: Via web browser

  1. Go to Graffletopia
  2. For each stencil listed
    1. Click on the screenshot
    2. Click the download button
    3. Drag the Stencil to ~/Library/Application Support/OmniGraffle/Stencils/

Approach 2: Via OmniGraffle Stencils Search

  1. Launch OmniGraffle
  2. If your Stencils Window is not open, go to Window -> Stencils to open it
  3. Click on the Magnifying Glass icon in the Search field, and select Graffletopia from the menu
  4. Type Magnolia CMS in the Search field
  5. Press Return
  6. For each stencil listed in the search results:
    1. Select the stencil
    2. Click the download button in the preview pane
    3. Click the install button

Screenshots

Teasers

Teaser Groups

Teaser Wrappers

Teaser Latest

Text Boxes

Glossary

Article Components

Gallery

Event Overview

Event

Search

Grid Variants

Comments and Improvement Suggestions Welcomed

Please leave your comments and improvement suggestions below. I will try to get to them as soon as possible.

Enjoy!

Labels

stk stk Delete
omnigraffle omnigraffle Delete
wireframe wireframe Delete
architecture architecture Delete
user-interface user-interface Delete
ui ui Delete
development development Delete
templating templating Delete
Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.
  1. Aug 31, 2010

    Grégory Joseph says:

    Wow, cool beans ! Thanks Matt !

    Wow, cool beans ! Thanks Matt !

  2. Aug 31, 2010

    Boris Kraft says:

    Matt, fantastic idea! Been using Omnigraffle for ages (Omni once gave me a T-shi...

    Matt, fantastic idea! Been using Omnigraffle for ages (Omni once gave me a T-shirt for showing them a bug in their product at an Apple WWDC, nice touch!).

    1. Oct 28, 2010

      Matt Dertinger says:

      Greg and Boris, Sorry for the delayed reply, just wanted to say thanks for the ...

      Greg and Boris,

      Sorry for the delayed reply, just wanted to say thanks for the kind words.

      Boris,

      Maybe Magnolia can borrow from the Omni bug report reward model? Magnolia has some nice t-shirts

      Thanks,
      Matt

      1. Oct 29, 2010

        Boris Kraft says:

        I point to Greg to come up with ideas to foster the community and reward contrib...

        I point to Greg to come up with ideas to foster the community and reward contributions!