ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ここ数年ではUIツールキットと呼ばれるデザインテンプレートが多く出てきました。もっとも有名なところではBootstrap、Foundationなどが知られています。

そんなUIツールキットを自作できるのがFabricatorです。階層構造でファイルを管理し、スタイルガイドなども生成してくれます。

Fabricatorの使い方

デモです。デモなのでスタイル設定はほとんどされていません。2ペインでメニューとコンテンツに分かれています。

各コンポーネントのページです。本当はここに装飾を施した状態で表示されます。

テーブルやテキストエリアなど。

フォーム。

HTMLタグの確認もできます。

Fabricatorを使うことで、自社サービスのデザインを統一したり、新しく入った人でもすぐにデザインにかかることができるでしょう。何よりすべてのスタイルガイドが一覧できることで品質維持にもつながるはずです。

Fabricatorはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Fabricator - Build your UI toolkit

Overview | Fabricator

fbrctr/fabricator

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch