Home > しらべる > FireFoxのGUI設計用アドオンPencil

FireFoxのGUI設計用アドオンPencil

  • Posted by: memorycraft
  • 2008年8月26日 04:22
  • しらべる

MozillaがFireFox3の機能拡張のコンテストを行い、そのグランプリに輝いたGUI設計ツール「Pencil」がすばらしい。

Pencilスクリーンショット

SVGベースなので、VisioやPowerPointのように部品を自由に配置でき、大きさと位置、回転をハンドルで調節できる。
画面部品のプリセットには、基本図形とGTK、WinXPのコンポーネントが用意されている。ep, epz形式で保存、pngで出力が可能。

以下に、出力のサンプルを載せます。
だいたいこういうファイルを画面数だけ連続で出力できます。

Pencil出力例


注釈用の矢印などもあるので、画面要素のドキュメントをブラウザでつくれることになる。贅沢いえばHTMLとCSSのテンプレートを出力できて欲しい。で、そのままFireBugとWebDeveloperで機能開発、FireFTPでアップロード、とFireFoxだけでモックアップの作成の一連の流れができるのに。それにしてもFireFoxの開発プラットフォーム化がどんどん進んでいくなぁ。

Trackbacks:1

TrackBack URL for this entry
http://www.memorycraft.jp/mt-tb.cgi/51
Listed below are links to weblogs that reference
FireFoxのGUI設計用アドオンPencil from メモリークラフト
[注目]GUIデザイナー「Pencil」 from dhrnameの開発日誌 2008-08-27 (水) 23:39
GUIを設計できるそうです。紹介しときます。いろんな場面で、こういう事ができたら面白そうです。 FireFoxのGUI設計用アドオンPencil htt...

Comments:0

Comment Form

Home > しらべる > FireFoxのGUI設計用アドオンPencil

ページの先頭へ戻る