How to sketch and create protoypes of your ideas

Dr Android ROM

pencil project designOne of the most important work 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 ‘n paper) when it comes in designing, sketching and prototyping any ideas before I start building them. Pencil Project convinced me that my life would be easier and more “compatible” with other apps.

Pencil Project is a free and opensource 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 linkings!
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:

Download pencil project
After you have download 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.

Pencil project main

As you can see form the above image the left sidebar presents a 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 o the object you will be presented with its Properties that let you set colors, arrangement, fonts etc.

pencil project mobile uiIf 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

Hope you’ll love it !

Advertisements

7 Comments

  1. I do trust all of the ideas you’ve introduced for your post. They are really convincing and will certainly work. Nonetheless, the posts are too brief for starters. Could you please prolong them a bit from next time? Thanks for the post.

    Like

  2. these kind of post are always inspiring and i prefer to read quality content so i’m happy to find many good point here in the post, writing is simply great, thank you for the post

    Like

  3. nice, informative and educational post and the most interesting and informative post i’ve ever seen, so the post bookmarked my browser for future

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s