Pencil is an open supply software for creating interface mockups, flowcharts and diagrams.

This system works very similar to many different drawing device. Drag and drop shapes onto the web page, add textual content, set colors and extra, then be part of them up with connectors.

Pencil would not simply include the standard flowchart symbols, although. It additionally has net components (headers, textual content, hyperlinks, panes and tables); desktop widgets (labels, buttons, checkboxes, radio buttons, combo packing containers); and a bunch of different parts for Home windows, Android and iOS interfaces.

Placing these collectively is easy. You would possibly drag and drop a button onto the web page, then click on it to set any properties (measurement, textual content, font and extra). Add different interface components, then rearrange and reorganise them as required.

As you drag components round, they “snap” into place at key alignment factors, so it is simple to (for instance) make a row of buttons line up. There are different choices to regulate form top, width, spacing and alignment. When you’re proud of part of your interface – a title and set of radio buttons, maybe – you are capable of “group” these components, and drag them throughout collectively.

Creating one display is straightforward sufficient – nevertheless it’s simply the beginning. Pencil means that you can construct additional designs on new pages, then hyperlink all of them collectively. Export the doc as an HTML file and you can click on on a button, say, and be taken to a separate web page exhibiting what occurs subsequent, a helpful simulation of your program movement.

If you happen to do not want this type of interactivity, then your doc could be exported in a number of different codecs: PDF, ODT, multi-page SVG, and particular person PNG information.

What’s new in 3.1.0? See the discharge notes for extra.

(0)

(0)

Evolus

Developer & Programming