A" Prototype’is a mock up.

you’re able to think of it as an image or a model of the final thing.

Prototyping tools are drawing and sketching tools which help in designing the outlines of the final object.

Gboard’s editing mode on an Android phone.

A prototype can be created on anything, from simple paper to Photoshop.

But being a specialized function, it’s better if one does it through a prototyping tool.

Does it sound very technical and not for common use?

Instant Camera App on iPhone Taking a Photo

In some cases, this might be true.

You won’t even have to download a heavy duty software for it.

It’s available from within Firefox itself.

Person using an iphone at a table with a glass behind it.

Pencil(ver.1.1) is a Firefox prototyping add-on to do GUI prototyping and simple sketching.

The Look of Pencil

From the online window toolbar, selectTools - Pencil Sketching.

The Pencil Firefox prototyping tool opens in a new window.

Article image

A range of control handles gives you the flexibility to arrange the shapes into a final design.

Customize them further with text and the full complement of fill colors.

Pencil includes two Firefox prototyping tools which make creating a gallery of shapes as easy as a snap.

Pencil-1

Stencil Generator

Stencils are templates of shapes which can be used to generate further shapes.

Clipart online window

Tap into OpenClipArt.org and its gallery of free clipart images.

Apart from these two Firefox prototyping tools, Pencil also supports the use of external objects.

Pencil-6

Both raster and vector images can be brought into Pencil using copy-paste or drag and drop.

One of its simplest uses can be designing a mockup of a webpage.

Also, any webpage can be sent to Pencil with a single click.

Pencil-2

Note: The Pencil Project is not to be confused with the animation program of the same name.

Pencil-3

Pencil-5

Pencil-4