0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

光速(盛)でカンタンにWF作れる「Balsamiq Wireframes」を触ってみた⇢いい感じ

Last updated at Posted at 2020-12-02

これです

Balsamiq Wireframes

image.png

Top PageのFirst viewで、

Quick and Easy Wireframing Tool

と謳っています。使ってみるとその意味が分かります。

他のツールとなにが違うの?

1. Componentめちゃ多いand使いやすい

デフォルトの作成画面がコレ。

image.png

上部に注目。

image.png

こんな感じでComponentが並んでます。WF作成に必要十分なのが揃ってます。
Drag and Dropでファイルににポンポン放り込めます。

a389a570-7f8a-1f85-9a21-8f708df19576.gif

2. ComponentがStateを持っている

たとえばフォームのText FieldでDefault、Focused(カーソルが当たってる時)、Disabled(無効⇢入力できない状態) をSelect Boxで簡単に選べてそれがText Fieldのスタイルに反映します。

bbcc922d-c0d6-9739-269a-ffff1a78a3cb.gif

3. Componentがレトロでゆるくてかわいい⇢ヘタにデザインさせない

かわいい。。うんカワイイ。。

image.png

ワイヤーフレームって凝りだすとデザインっぽいのやり出して自己満足で無駄な時間を過ごしがちですが、こういうコンポーネントが十分に揃っていればデザインせずに済む⇢ディレクターもデザイナーをハッピー。

さて、気になるお値段は。。?

こんな感じです。

image.png

クラウドだとサブスクとかDesktop Clientだと買切りとかいろいろ選べます。
どのコースも30日間は無料でお試しできます。ちなみに私は会社にソフトウェア利用申請出しました。

以上

使い始めたばかりなのでまだまだステキな機能あるかもしれません。
興味のある方は触ってみて、感想とかコメントしていただけると嬉しいです。

では。

0
2
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?