Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Replacing text with rectangles is a well established graphic technique for wireframes. However, I am having difficulty creating these quickly in Omnigraffle and none of my stencils have these text-replace elements.

¿Anyone know the solution?

The problem with simply creating them individually is design consistency (e.g., alignment, spacing, &c). A better technique would be similar to how tables are used: once the stencil is created, all you have to do to add another row of text would be to drag the shape until another rectangle appears.

Wirify shows the technique

share|improve this question

migrated from Nov 21 '13 at 13:58

This question came from our site for user experience researchers and experts.

up vote 3 down vote accepted

Use the free font Blokk. Made especially for this situation. Have been using it myself and it works like a charm.

Bonustip: Make sure you use a specific word or a specific letter combination though because if you run a spell check on your Omnigraffle document you have to skip through all the content.

share|improve this answer
There are many things I like about this solution and will definitely add it to my tool set. Nevertheless, it is not THE solution. Obviously, it is significantly cleaner than using a standard typeface. However, the spaces between words are a bit distracting and do not add any visual information. Even Wirify's example above leaves out the spaces and only uses the line length. THE solution should simply use a consistent line length, because even the jagged paragraph edge unnecessarily calls attention to itself. Blokk Font – MXMLLN Nov 23 '13 at 12:32

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.