Written on October 27, 2009  /  with 7 comments  /  in the Open Source category.

Open Source Sketching & Prototyping App for Firefox

A critical element in the development of any online project is planning. And more specifically in the development of software a term is used called “Prototyping.” The act of sketching or laying out a rough draft of an application before it is actually completed. Over the years the best applications I have seen on the web are those that were planned well in advance.

But doing this can be pretty hectic. Some people use Photoshop, some use Microsoft Word, I’ve even seen people use Microsoft PowerPoint to present to a developer how they want their application to be developed.

Unfortunately these tools take too long to put together quality sketches of your application, and they often times frustrate Developers because they often include things that are not reasonable to develop. That’s where this tool, The Pencil Project for Firefox is going to become quite handy for you. Here’s a screenshot of what it looks like:

thepencilprojectscreenshot

What is The Pencil Project?

Pencil Project is basically a tool that helps you layout and plan your web applications. It’s a super lightweight extension for your Firefox Browser that is very easy to use. It’s fully Open Source so you can download it and enjoy all its features. You can use it for not only planning your web applications, but for all sorts of diagramming as well. This screenshot is a diagram I made with Pencil Project to display a Social Media Blueprint that I am working on:

socialmediaBlueprint

What Do I Use This For?

There are 3 specific ways I plan on using the Pencil Project. It is already helping me tremendously with all these tasks and is saving me so much more time.

  1. Creating Diagrams = there are already so many tools out their that can do this. But the reason I like Pencil Project for creating my diagrams is because the elements that I can drag and drop in are web elements like web forms, images, pop-ups etc. It also easily exports the diagram to PNG format so that I can display them on my blog.
  2. Planning for Web Development Projects = I’m already using Pencil Project to plan out my next web applications that I am planning on building. Because I will be getting development help, this is going to save me big time by better communicating to my fellow developers on the little details of the application.
  3. Blogging Images for communicating my points = sometimes in blogging, it’s very difficult to communicate your message to a variety of readers, just through words. Some people (like me) benefit from images and diagrams. I will be using Pencil Project for creating better visual representations of what I am writing about in many of my articles.

7 responses to this article so far...

Leave a comment