How to sketch and create protoypes of your ideas
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.
Built-in stencils for diagraming and prototyping
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...
Adding external objects
And much more...
Pencil Project is available for:
- Mac OS
and the only thing you have to do is to download the extension:
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.
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.
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
Hope you'll love it !