3分でデザインカンプ作成!ドラッグするだけでHTMLページが作成できるStitchesのご紹介

3分でデザインカンプ作成!ドラッグするだけでHTMLページが作成できるStitchesのご紹介

クライアントとの打ち合わせのときに、その場でササッとデザインカンプを作ってイメージ共有できたら便利ですよね?そんなときに便利なHTMLを生成してくれるサービス「Stitches」をご紹介します。

Stitchesとは?

Stitches

パーツをドラッグして組み合わせてボタンを押すだけでかんたんにHTMLを生成してくれるジェネレーターです。本来の仕様はHTMLジェネレーターですが、とても手軽に生成できるので、デザインカンプを作成するジェネレータとしての利用もオススメします。

http://stitches.hyperyolo.com/

使用方法

使い方はかんたんです。会員登録やメールアドレス入力など、面倒なことは一切必要ありません。

まずは、サイトにアクセスします。

http://stitches.hyperyolo.com/

初期画面

このような画面が表示されます。

ドラッグ

左側のパーツから右側へドラッグするだけ。並び替えや削除も可能なので、どんどん組み合わせてイメージを再現していきます。

ダウンロード

最後に右上の「Generate HTML with Functional CSS」をクリックしてHTMLファイルをダウンロードします。ダウンロードしたファイルはブラウザで表示できます。

まとめ

パーツを組み合わせるだけでかんたんにHTMLを生成できるジェネレーター「Stitches」の紹介でした。

http://stitches.hyperyolo.com/

地味にスゴイ!ホームページのダウンを無料で監視する「Uptime Robot」が便利!

地味にスゴイ!ホームページのダウンを無料で監視する「Uptime Robot」が便利!

観てるだけで癒やされる。日本の伝統色をカラーピックできる「NIPPON COLORS」!

観てるだけで癒やされる。日本の伝統色をカラーピックできる「NIPPON COLORS」!