---
title: Sketching Out Ideas Using Pencil Project
description: If you need help in sketching out your ideas or prototypes, Pencil Project Software from Firefox might be just what you need.
---

[Northampton Computer Repair Blog ](https://www.northamptoncomputerrepair.com/noho-pcs-blog)

# [Sketching Out Ideas Using Pencil Project](https://www.northamptoncomputerrepair.com/noho-pcs-blog/bid/217874/Sketching-Out-Ideas-Using-Pencil-Project)

 Written by [Edward Drummond](https://www.northamptoncomputerrepair.com/noho-pcs-blog/author/edward-drummond) | 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](http://pencil.evolus.vn/) is a free and open source tool for making diagrams and GUI [prototyping](http://en.wikipedia.org/wiki/Prototype) that everyone can use. It is a [Firefox ](http://www.mozilla.org/en-US/firefox/new/)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](http://en.wikipedia.org/wiki/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 ](http://pencil.evolus.vn/Downloads.html)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](http://pencil.evolus.vn/Features.html)

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

[View full post](https://www.northamptoncomputerrepair.com/noho-pcs-blog/bid/217874/Sketching-Out-Ideas-Using-Pencil-Project)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Edward Drummond"
  },
  "dateModified" : "2015-04-15T19:06:27.002Z",
  "datePublished" : "2012-09-10T12:49:00Z",
  "headline" : "Sketching Out Ideas Using Pencil Project",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.northamptoncomputerrepair.com/noho-pcs-blog/bid/217874/Sketching-Out-Ideas-Using-Pencil-Project",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://www.northamptoncomputerrepair.com/hubfs/Alternate-NCR-Logo-for-email-LoRes.png",
      "width" : 116.12903
    },
    "name" : "Learning Center"
  }
}
```