Our Blog

Sketching Out Ideas Using Pencil Project

Posted by Edward Drummond on Mon, Sep 10, 2012


One of the most important jobs done by engineers, developers, marketing managers and others is to turn their ideas into reality. One of the procedures included in this process is the creation of sketches and prototypes.

 I use traditional tools (pen and paper) when it comes in designing, sketching and prototyping any ideas before I start building them. From programming to coming up with my madcap schemes for making things work here in the office and at home. The Pencil Project convinced me that my life would be easier and more “compatible” with other apps.

Pencil Project is a free and open source tool for making diagrams and GUI prototyping that everyone can use. It is a Firefox extension that helps you to lay out and sketch your ideas using a wide range of elements, including common shapes (circles, triangles, squares etc.), GUI, web elements and more. After you have completed your work you can then export it in PNG, SVG, HTML, PDF and ODT file formats to use them in other apps, for adding more features.

Features:

Built-in stencils for diagraming and prototyping
Inter-page linking!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating…
Cross-platform
Adding external objects
Clipart Browser
Object snapping
and much more…

Installation

Pencil Project is available for:

  • Linux
  • Mac OS
  • Windows

and the only thing you have to do is to download the extension:

 


After you have downloaded it, right-click on the file Pencil-x.x.x.xpi and open it with Firefox. After the installation you will be prompted for restart of Firefox. Then you just go Tools –> Pencil Sketching on Firefox and a new window with Pencil Sketching will appear.

 


As you can see from the above image the left sidebar presents some basic and advanced elements that you can use in creating in the main workspace by dragging them over the right. If you right-click on the object you will be presented with its Properties that let you set colors, arrangement, fonts etc.

If you are a software / web / mobile developer you will be pleased with some extensive Sketchy GUI collection that provides relevant elements useful in prototyping. You can design interfaces using tabs, progress bars, message boxes and menus.

When you are ready your final design can be exported as a document in various formats as I mentioned earlier.

More screenshots are available here:

Pencil project Screenshots

If you do decide to use this software we would love to get your feedback and let us know how you use it.

Tags: Free Software, Software Review, Firefox tips, prototyping, project management