会員登録するワイヤーフレームを作成するツールは多くありますが、多機能だったり、高価格だったりと、初心者には敷居が高いかもしれません。PointやGoogleスライドでも作成できるものの、図形やアイコンを集めて図を作成するのは意外と時間がかかります。「moqups」は、無料でも使えるブラウザベースのサービスでありながら、豊富なステンシル(図形)・アイコン・フォントが用意されているため、ドラッグ&ドロップで簡単にワイヤーフレームを作れます。使い方を見ていきましょう。目次moqupsとはプラン登録方法moqupsの使い方PagesStencilsImagesIconsCommentsSharingまとめmoqupsとはhttps://moqups.com/moqupsは、ブラウザベースのモックアップ・ワイヤーフレーム制作ツールです。インターフェースは英語ですが、直感的に操作できます。無料プランでは、作成できるプロジェクト数や配置できるオブジェクト数に制限がありますが、豊富なステンシル・フォント・アイコンを備えており、思い通りの図を簡単に作成できます。プランmoqupsには複数のプランがあります。各プランの機能詳細は以下の通りです。無料プランはプロジェクト数が1つしか作れないので、本格的に利用するのであれば有料プランの方が使い勝手は良いでしょう。無料プランを利用し、相性が良いと判断したら有料プランの導入を検討してみても良いかもしれません。FREE」ボタンをクリックします。PRICING」ボタンをクリックします。Plan」をクリックします。account」ボタンをクリックします。Plan」というメッセージが表示され、ログインが完了します。page」ボタンをクリックします。新しいページが追加されます。settings」をクリックします。ページのサイズと背景色を変更したら、「Apply」ボタンをクリックします。Stencilsmoqupsでは、Stencils(ステンシル)という図形やパーツを組み合わせてワイヤーを作成します。area」をページにドラッグ&ドロップします。area」がページ内に追加されました。追加したステンシルをダブルクリックすると、テキストを編集できます。右側のエリアではステンシルのサイズ・色・フォントなどの書式を変更できます。Images」ボタンをクリックします。アップロードしたい画像を選択します。Shiftキーを押しながら複数選択することも可能です。画像のアップロードが完了すると、ステンシルのように左に表示されますので、1つずつページにドラッグ&ドロップします。ページに画像が追加されます。Iconsmoqupsには、豊富なアイコンが用意されています。左サイドメニュー内の「Icons」アイコンをクリックし、追加したいアイコンをページにドラッグ&ドロップします。ページにアイコンが追加されます。comment」をクリックします。ページ上に、ドラッグで移動できる番号が追加され、番号をクリックするとコメントを入力できます。コメント欄はマークダウン言語に対応しており、HTML形式で記入することも可能です。記入したら「Send」ボタンをクリックします。コメントが追加されると、左のコメント欄にリスト表示されます。コメントのステータスで絞り込みできます。コメントに返信する場合は、番号をクリックし、テキスト欄に入力の上、「Reply」ボタンをクリックします。コメントに書かれている修正が解決した場合などは「Resolve」ボタンをクリックします。Linkをコピーします。無料プランでは、閲覧者に制限をかけることはできませんので、注意してください。PDF/PNG」というリンクもありますが、有料プランの機能です。まとめmoqupsでは、豊富なステンシル・アイコン・フォントをドラッグ&ドロップで配置していけば、初心者でも簡単にワイヤーフレームを作れます。無料プランで作成できるのは1プロジェクトのみですが、利用期限はありません。URLでの共有やコメント機能など、チーム向けの機能も含めてじっくり使ってみましょう。GoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るGoogleGoogleとは、世界最大の検索エンジンであるGoogleを展開する米国の企業です。1998年に創業され急激に成長しました。その検索エンジンであるGoogleは、現在日本でも展開していて、日本のYahoo!Japanにも検索結果のデータを提供するなど、検索市場において圧倒的な地位を築いています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るHTMLHTMLとは、Webページを記述するための言語です。""にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。会員登録するおすすめ記事ADグロースハックソフトバンクグループのサイバー大学がチャットコマース「ジールス」を導入。ノーリスクでリード獲得件数を増加させた3つの施策とはグロースハックADマーケティングオートメーション(MA)「Pardotユーザー会」参加者が、Pardot創業者と語る。参加者同士の“深い”つながりから生まれる価値とはマーケティングオートメーション(MA)ADマーケティングオートメーション(MA)「Pardotユーザー会」運営リーダーが語る。国内最大級のMAユーザー会を維持・拡大する秘訣とはマーケティングオートメーション(MA)BtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。編集部厳選!最新情報をお届けもう一度読みたい記事をブックマーク実務に役立つ資料をダウンロード無料会員登録会員ログインこの記事を書いたライターferret編集部ferret編集メンバーが不定期で更新します。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。プロのディレクターが教える処方箋とはケーススタディで学ぶ。PIECE』を超える異例の売上。関連記事Webサイト制作でよくある失敗例5選。プロのディレクターが教える処方箋とはWeb担当者が陥りがちなサイト運営の行き詰まり。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。