Fast GUI Prototyping With Pencil

Pencil is a Firefox plugin that allows you to draw diagram and prototype an applications Graphical User Interface (GUI). Pencil is similar to Eclipse WireframeSketcher. You can install the latest version of Pencil from the Mozilla addons site. Once the Firefox extension has been installed you can launch it by selecting Tools | Pencil Sketching from the Firefox menu. The Pencil plugin will open in a new Firefox window for you to draw you GUI. In the left hand side of the Pencil canvas, you will have a set of palettes of different shape collections, such as GTK Widgets, Windows XP Widgets, annotation, and common shapes. Just drag, drop, and draw the different widgets from the palette to the canvas to draw a UI prototype.

Pencil Canvas

With Pencil, you can create rapid screen mockups and UI prototypes, add your own custom shapes to new palettes, save your work as a Pencil document format, export your diagram or UI as a PNG file,

Contact Editor

I did have issues running the current version of Pencil on Mac OS X, but the Pencil project is Open Source software released under the GPLv2.

Related posts:

  1. Running with Shoes – Transform
  2. Running with Shoes – Shapely
  3. Running with Shoes – A Mini GUI Toolkit
  4. Design This Container
  5. CommunityOne 2007: Swing GUI Building with Matisse: Chapter II

This entry was posted in TechKnow, Tools. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

3 Comments

  1. Chris
    Posted December 12, 2008 at 1:18 pm | Permalink

    This seems like an interesting and useful tool, but I’m a bit puzzled why this was developed as a Firefox plugin rather than a desktop application. Unlike most plugins, it has no interaction with web pages you have open in Firefox (unless I missed something) – it’s basically just an application built using Firefox as an application development platform, which seems a bit odd.

  2. Posted December 12, 2008 at 4:19 pm | Permalink

    @Chris – I had that same question. I wonder if the author just thought this is the easiest way to deploy and install a firefox-based application.

  3. Posted December 14, 2008 at 1:40 am | Permalink

    There is a standalone version here
    http://www.evolus.vn/Pencil/Downloads.html
    Enjoy!

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*