• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2671

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

Free Wireframe App for Web Designers To Make Diagrams

If you’re new to web design, you may have seen very simple looking block diagrams showing the simple layout and basic functions of a website.

The easiest way to create a visual display of a websites different page elements is to use wireframe software.

There’s dozens of different browser and desktop applications, however there’s only about 10 wireframing tools which are free and worth checking out, Pencil being the best of these in my opinion.

The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

  • Pencil can be installed in a Firefox browser or stand alone as a desktop application
  • Easily drag and drop external graphics and vectors for use in your diagrams
  • Built-in stencils for creating diagrams
  • Choose clipart from openclipart.org for direct use in your diagram document
  • Save document as png image, word doc, PDF or html web page
  • Standard drawing operations & sketchy stencil

Screen Shot Gallery

Here’s a couple of examples showing you the apps interface and how you can also create web pages with Pencil.

Floating Collection Pane
Web Design

Features

Here’s some of the most popular tools used to create wireframe diagrams for web design.

Sketchy Graphical User Interface
User Interface Widgets
Basic Web Elements
Wireframe Diagrams Saved in PNG Format

Premium Wireframe Apps

Here’s a list of popular premium Wireframing Apps.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems