ワイヤーフレーム作成に使えるツール・素材をまとめてみました~。
ワイヤーフレームの素材
———————————————————————-
[成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します \| knowledge / baigie](https://baigie.me/officialblog/2020/12/17/btob_wireframe/)
: Adobe XD で編集可能なワイヤーフレーム素材。
***
[C.ROWE – Wireframe Kit](http://theycallmecrowe.com/advice/crowe-wireframekit.html)
: フォーマットは EPS なので、Illustrator で編集できます。
: 個人でも商用でも無料で利用可能。
***
[Foundation 3 Stencil Sets](http://zurb.com/playground/foundation-stencil-sets)
: CSS フレームワークの Foundation が配布している UI キット。
: フォーマットは PDF なので、Illustrator で編集できます。
***
[Webpage Wireframe Stencil](http://www.pixeden.com/web-wireframing/webpage-wireframe-stencil)
: フォーマットは AI なので、Illustrator で編集できます。
***
[iPhone Sketch Elements AI](http://www.teehanlax.com/blog/iphone-sketch-elements-ai/)
: フォーマットは AI なので、Illustrator で編集できます。
***
[App Wireframes Kit](http://graphicburger.com/app-wireframes-kit/)
: フォーマットは AI なので、Illustrator で編集できます。
: 個人でも商用でも無料で利用可能。
ワイヤーフレーム作成ツール
———————————————————————-
ワイヤーフレームを作成するのに便利なツールをまとめました。
[Pencil Project](http://pencil.evolus.vn/)
: ローカルマシンインストール型。
: 無料で使えます。
: [使用感レビュー](https://bowz.info/5836) 書きました。
***
[Justinmind: Interactive wireframes for web and mobile](http://www.justinmind.com/)
: 無料版で使えるのは、各パーツのウィジェット、PDF・画像書き出し、リンク機能のみです。
***
[Prott – Rapid prototyping tool. Now gets an app.](https://prottapp.com/ja/)
: 有料プランじゃないとワイヤーフレームは描けない。
***
ワイヤーフレームを書くツールをまとめているページ
– [22 Good Prototype and Wireframe Tools for Mobile and Web Design](http://www.onextrapixel.com/2013/03/01/22-good-prototype-and-wireframe-tools-for-mobile-and-web-design/)
プロトタイプ作成ツール
———————————————————————-
プロトタイプを作成するのに便利なツールをまとめました。基本的に画像を読み込んでインタラクションを付けるツールです。
[POP – ペーパープロトタイピング | Mobile App Prototyping Made Easy](http://popapp.in/jp)
: 紙に書いたワイヤーフレームを読み込んで、ホットスポットを設定できるツール。
***
[Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision](http://www.invisionapp.com/)
: デザイン画像を読み込んでインタラクションを設定できる。
***
[Free mobile & web prototyping (iOS, iPhone, Android) for designers – Marvel](https://marvelapp.com/)
: 未試用
***
他にも見つけたら追記します!