Firefox Add-on Pencil

Um schnell Diagramme bzw. Screendesign zu erstellen, empfehlt es sich das Firefox Add-on “Pencil” zu nutzen. Pencil bietet die gängisten HTML-Elemente (Inputfeld, Tabellenstruktur, Select-Boxen etc.) und ein paar zusätzliche Elemente (Notizen, Pfeile etc.) um somit in kurzester Zeit schöne Screendesigns zusammen zu klicken. Die einzelnen Elemente können gruppiert werden und an andere Elemten ausgerichtet werden. Jedes Element beinhaltet ein paar Einstellungsmöglichkeiten wie Farbe, Schriftart und Größe.

Die erstellten Designs können dann als PNG exportiert werden.

Die zwei Abbildungen zeigen die Arbeitsfläche und die Shapes:

Ein paar Verbesserungen wären:

• Die Festlegung der konkreten Größe der Elemente (Width und Height)
• Bessere Tabellenunterstützung (z.B. Definition der Spaltenränder)

Links:

[1] Pencil

[2] Firefox Add-on Pencil