Create Screen Mockups & Web Page Prototypes in Firefox with Pencil

Written by Amit Agarwal on Jul 25, 2008

With Firefox, you can do much more than simply browse web pages. Pencil is a free add-in that lets anyone sketch complex GUI screens or web page prototypes in Firefox without even being a graphic designer. 

firefox webpage design

Pencil includes a set of stencils that you can place on the drawing campus. Right click a shape to edit basic properties like color, border, opacity, etc. Alternatively, you may also drag images from the desktop.

Like other illustration software, these shapes can aligned with each other or can be grouped to prevent accidental edits. The drawing can be exported as a PNG image.

The Pencil Project – Thanks Ray Cheung

Related: Create Mockup Screens with Yahoo Stencils

Document Studio

Generate beautiful and pixel-perfect documents in PDF, Word, Excel or PowerPoint.

Download New
Mail Merge

Send personalized emails from Gmail, include unique attachments, track opens and more.

Download Popular
Save Emails

Download email messages and file attachments from Gmail to your Google Drive.

Download Popular

Subscribe to our Email Newsletter