人気のWEBモックアップ・ワイヤフレームツール11選の比較と一覧まとめ [国内海外]

国内と海外のワイヤーフレーム(WEBモックアップ)作成サービス・ツールをまとめています。あなたの目的に最適なサービスを見つけてください。 

ワイヤーフレームとは?

ワイヤーフレームは、構造レベルでWebサイトサービスを設計する方法です。ワイヤフレームは一般に、ユーザーのニーズとユーザーの動きを考慮したページ上のコンテンツと機能をレイアウトするために使用されます。開発プロセスの初期段階でワイヤフレームを使用して、視覚的なデザインとコンテンツが追加される前にページの基本構造を確立します。

ワイヤーフレーム(WEBモックアップ)作成サービス一覧

海外 1 Whimsical

Whimsical

コラボレーションのフローチャート、ワイヤーフレーム、付箋、マインドマップなど、思考のスピードで視覚的にコミュニケーションします。
オススメに保存済お気に入りから削除しました 10
海外 2 moqups(モックアップス)

moqups(モックアップス)

Moqupsは、合理化された直感的なWebアプリです。ワイヤーフレーム、モックアップ、図、プロトタイプの作成とコラボレーションを支援します。
オススメに保存済お気に入りから削除しました 53
3 Cacoo(カクー)

Cacoo(カクー)

Cacooは、フローチャート、ワイヤフレーム、サイトマップ、マインドマップ、およびモックアップを作成するための企業向けのオンラインダイアグラムおよびコラボレーションアプリケーションです。
オススメに保存済お気に入りから削除しました 1
海外 4 Adobe XD

Adobe XD

Adobe XDは、アドビ製品スイートの新しいツールです。Sketchのライバルになることを意図しており、独自の機能を備えています。
オススメに保存済お気に入りから削除しました 1
海外 5 Balsamiq

Balsamiq

Balsamiqは、業界標準の低忠実度ワイヤフレームツールであるBalsamiq Wireframesの背後にある会社です。
オススメに保存済お気に入りから削除しました 1
海外 6 JUSTINMIND(ジャスティンマインド)

JUSTINMIND(ジャスティンマインド)

JUSTINMINDは、技術的な専門知識を持たないユーザーが物事を成し遂げることができるWebおよびモバイルアプリ用のオールインワンワイヤーフレームおよびプロトタイピングプラットフォームです。
オススメに保存済お気に入りから削除しました 19
海外 7 Mockplus(モックプラス)

Mockplus(モックプラス)

Mockplusは、タブレットやiPhoneなどのWebまたはモバイルデバイス用のプロトタイプを作成およびテストするために使用される設計、プロトタイピング、およびコラボレーションソフトウェアです。設計から開発までのプロセスを合理化するための豊富なツールセットを備えています。
オススメに保存済お気に入りから削除しました 22
海外 8 Sketch(スケッチ)

Sketch(スケッチ)

2010年に初めてリリースされて以来、SketchはmacOSユーザー向けの軽量なベクターデザインツールとして人気をなしています。
オススメに保存済お気に入りから削除しました 1
海外 9 Mockflow(モックフロー)

Mockflow(モックフロー)

MockFlowは、チームがソフトウェアプロジェクトを開始するために必要な完全なUI計画プラットフォームです 。
オススメに保存済お気に入りから削除しました 9
海外 10 Gliffy

Gliffy

Gliffyの使いやすい図ツールを使用して、アイデアのスピードでコミュニケーションとコラボレーションを行います。
オススメに保存済お気に入りから削除しました 62
海外 11 InVision Freehand

InVision Freehand

チームでリアルタイムに描画、スケッチ、ワイヤフレーム、プレゼンテーションを行います。強力なプロトタイピング。シームレスなユーザーフィードバック。プロジェクト管理。シームレスなコミュニケーション。リアルタイムコラボレーション。タイプ:プロトタイプ、ボード、フリーハンド、ワイヤーフレーム。
オススメに保存済お気に入りから削除しました 1
海外 12 Proto.io

Proto.io

Proto.ioは基本的なワイヤーフレームツールとして単独で使用できます。クラウドベースのアプリであるProto.ioを使用すると、複数のデザイナーがドキュメントに同時にアクセスできます。
オススメに保存済お気に入りから削除しました 2
海外 13 Sketch2Code

Sketch2Code

Sketch2Codeは、どんな手描きのデザインもAIでHTMLコードに変換してくれる便利なツールです。Microsoft AIが開発したサービスです。
オススメに保存済お気に入りから削除しました 14
海外 14 uizard

uizard

uizardは、時間を節約し、アイデアを管理します。機能コンポーネントをドラッグアンドドロップして、モバイルアプリ、ウェブサイト、デスクトップアプリのインタラクティブなプロトタイプをすばやく簡単に作成します。
オススメに保存済お気に入りから削除しました 5
海外 15 Textografo

Textografo

Textografoは、ユーザーが組織図、意思決定ツリー、フローチャート、マインドマップなど、さまざまな静的およびアニメーションの図を作成できるようにするクラウドベースの図作成ツールです。
オススメに保存済お気に入りから削除しました 22
海外 16 HotGloo

HotGloo

HotGlooは、Web、モバイル、ウェアラブル向けのワイヤーフレームを構築するために設計されたUX、ワイヤーフレーム、プロトタイピングツールです。HotGlooは、計画プロセスを視覚化し、ドライブの相互作用を簡単に構築およびテストするのに役立ちます。
オススメに保存済お気に入りから削除しました 2
海外 17 Graphictwister

Graphictwister

Graphic Twisterには無料のTシャツモックアップがあり、ダウンロードしてデザインを追加できます。
オススメに保存済お気に入りから削除しました 1
海外 18 Slickplan(スリックプラン)

Slickplan(スリックプラン)

ウェブサイトプランニングシステムであるslickplan(スリックプラン)は、適切なツールをすぐに利用できるため、ウェブサイトの作成が簡単になります。私たちのアプリは、あなたが得意なことに集中できる直感的でエレガントなインターフェースを提供します:あなた自身、あなたのビジネス、またはあなたのクライアントのために素晴らしいウェブサイトを作成します。
オススメに保存済お気に入りから削除しました 4
海外 19 Contra

Contra

このUIキットを使用して、美しいワイヤーフレームとプロトタイプを作成します。150以上のコンポーネントと50以上のモバイル画面の高品質なコレクションが含まれています。figma、Sketch、XD、Studioで利用可能
オススメに保存済お気に入りから削除しました 2
海外 20 Axure RP

Axure RP

コーディングなしで完成品により近い多彩なユーザー体験をらくらくデザイン、さらにサポート機能の充実で手軽にデザインをデザイナーと開発者の間で共有し開発時の齟齬を解消します。
オススメに保存済お気に入りから削除しました 24
海外 21 InVision Studio

InVision Studio

複数の画面サイズのレスポンシブデザインを作成するための最高のワイヤフレームツール
オススメに保存済お気に入りから削除しました 1
海外 22 Framer(フレイマー)

Framer(フレイマー)

Framer(フレイマー)は、無料で利用できる、チームに最適なプロトタイピングツールです。チームコラボレーション機能(マルチプレイヤー編集、簡単な共有、インラインコメント、再利用可能なコンポーネント、開発者のハンドオフ)を備えています。
オススメに保存済お気に入りから削除しました 2
海外 23 OmniGraffle

OmniGraffle

OmniGraffleを使用すると、図、プロセスチャート、クイックページレイアウト、ウェブサイトのワイヤフレーム、グラフィックデザインを作成できます。
オススメに保存済お気に入りから削除しました 19
海外 24 NinjaMock

NinjaMock

ワイヤーフレームプロジェクトの設計を開始します。同僚とリアルタイムで共同作業します。自分のデバイスでテストすることができます。Ninjamockをワイヤーフレームツールとして使用すると、プロ並みのモックアップとワイヤーフレームを作成することができます。
オススメに保存済お気に入りから削除しました 7
海外 25 figma(フィグマ)

figma(フィグマ)

より良い設計方法。figmaを使用して、設計、プロトタイプ作成、フィードバックの収集をすべて1か所で行います。
オススメに保存済お気に入りから削除しました 1
海外 26 Avocode

Avocode

スケッチ、XD、PSDまたはAIファイルを直接インポート-デザインツールや事前にインストールされたプラグインなし。ファイルをインポートするには、Windows、Linux、macOSから、またはブラウザーを介して、ファイルをAvocodeにドラッグアンドドロップするだけです。
オススメに保存済お気に入りから削除しました 0
海外 27 UXPin

UXPin

UXPinは、ワイヤーフレームの作成方法を学んでいる人に推奨される最初のツールとしてオススメです。
オススメに保存済お気に入りから削除しました 1
海外 28 supernova(スーパーノバ)

supernova(スーパーノバ)

SketchおよびAdobe XDデザインをFlutter、iOS、Android、およびReact Nativeのネイティブフロントエンドコードに変換することで、モバイルアプリのUIを数分で実現します。
オススメに保存済お気に入りから削除しました 2
海外 29 Sympli

Sympli

Sympliは、設計プロトタイピング、チームコラボレーションツール、バージョン管理を提供するクラウドベースのアプリケーション開発プラットフォームです。
オススメに保存済お気に入りから削除しました 62
海外 30 Builder(ビルダー)

Builder(ビルダー)

Builderは、デジタルエクスペリエンスを迅速かつ柔軟に構築、最適化、測定できる強力なドラッグアンドドロップビジュアルエディターを備えた最初で唯一のヘッドレスCMSです。
オススメに保存済お気に入りから削除しました 7
海外 31 Draftium

Draftium

Draftiumを使うことで、ウェブサイトでアイデアを出し、コラボレーションすることができます。
オススメに保存済お気に入りから削除しました 19
海外 32 UI Constructor

UI Constructor

色、フォント、間隔、その他の要素を簡単な方法で変更します。コードを開かずにすべてをカスタマイズします。Bootstrap 4の既製のCSSクラスを使用して、目的の効果を実現します
オススメに保存済お気に入りから削除しました 2
海外 33 FlowMapp

FlowMapp

オンラインコラボレーションツールを使用して、美しい製品、ウェブサイト、アプリ向けの優れたUXを設計します。
オススメに保存済お気に入りから削除しました 14
海外 34 screely

screely

Screelyはスクリーンショットを瞬時に、どこでも共有できる画像に変えます。
オススメに保存済お気に入りから削除しました 1
海外 35 Framer X

Framer X

インタラクティブデザインに最適なツールであるFramer Xを使用して、創造的なアイデアに命を吹き込みます。レスポンシブレイアウトを作成し、現実的なプロトタイプを設計し、すべてを1か所で生産に近づけます。
オススメに保存済お気に入りから削除しました 2
もっと見る
コメントをいただけると嬉しく思います!

コメントを書く

Register New Account
貴重な経験をシェアしよう!
Reset Password