検索ボタン
←表示ページに戻る

プロトタイピング研修～Figmaによるシステム画面設計編

DX・ＯＡ・ＩＴスキル

プロトタイピング研修～Figmaによるシステム画面設計編

システムが動いているかのようなプロトタイプを簡単に作れるようになる

No. 6117001

対象者

  • 若手層
  • リーダー層
  • 中堅層
  • 管理職層
  • 部長・経営層
  • 画面設計を担当する開発担当者
  • アプリケーションやウェブサイトのデザイナー
  • システムの要望を具体化したいユーザー部門の方

よくあるお悩み・ニーズ

  • PowerPointやExcelで画面設計をしており、効率化したい
  • illustratorやDreamweaverでデザインやコーディングをしているが、インタラクティブな画面設計をしたい
  • 文章や図で要望を伝えているが、何度もやりとりが発生するため効率化したい
  • 画面設計やデザインを委託しているが、高コスト・煩雑とお考えの方

研修内容・特徴outline・feature

本研修は、プロトタイプを使ったシステム開発やその意義、基本的な操作方法を習得する研修です。既存システムの拡張開発のワークでは、前例踏襲により誰でも容易に画面設計ができることを体感できます。また、新規システム開発のワークでは、設計のポイントを学んだうえで、ターゲットユーザーや利用目的、シチュエーションを考慮した画面設計に取り組みます。

この研修ではFigmaの操作方法に特化するのではなく、デザインツールを活用した効果的な画面設計のポイントを学びます。

＊この研修ではＰＣを使用します＊
研修会場にノートＰＣをご用意をしております
（持ち込んだＰＣのご利用はできません）

到達目標goal

  • デザインツールを使って、システムが動いているかのような画面設計ができるようになる

研修プログラムprogram

内容 手法
  • １．システム開発とプロトタイプ
    （１）プロトタイプとは
    （２）システムのプロトタイプを作成する意義
    （３）システム開発の流れとプロトタイピングの位置づけ
 講義
ワーク
  • ２．画面設計の流れの概要
    （１）プロトタイプ開発の流れ
    （２）画面作成のポイント
講義
ワーク
  • ３．Figmaの基本操作
    （１）画面の見方と操作方法
    （２）基本操作を習得する
講義
ワーク
  • ４．プロトタイプの作成演習～既存画面の更新
    既存の顧客情報管理システムに新しく機能を追加する
講義
ワーク
  • ５．画面の作り込み
    （１）設計方針を決める
    （２）入出力項目を決める
    （３）画面表示・操作のポイント
    （４）レスポンシブ ウェブデザイン
    （５）プロトタイプを使ってみる
    （６）プロトタイプ作成時の注意点
講義
ワーク
  • ６．総合演習
 講義
ワーク

企画者コメントcomment

これまでのツールでは、ウェブページやウェブアプリケーションの画面設計の決定版と呼べるようなものはありませんでした。 Figmaであれば、デザイナー、開発者、ユーザー部門の方など、職種を選ばずかんたんに操作方法を習得することができます。これにより、ウェブページやウェブアプリケーションの画面作成を低コスト化・高速化することができます。ぜひご活用ください。

スケジュール・お申込み
（来場型／オンライン型開催）schedule・application

注意事項

  • 同業の方のご参加はご遠慮いただいております
  • 会場やお申込み状況により、事前告知なく日程を削除させていただくことがあります
  • カリキュラムは一部変更となる可能性があります。大幅な変更の際は、申込ご担当者さまへご連絡いたします。

事前のご案内

キャンセルやお申込みの期日は来場型開催とオンライン型開催で異なります、ご注意ください

受講できそうな日時がない…　日程を増やしてほしい…　
そんな時には「研修リクエスト」

研修リクエストサービス

「研修リクエスト」とは、お客さまのご希望の日程、内容、会場で、１名さまから インソースの公開講座を追加設定するサービスです。 サービスの詳細や、リクエスト方法はこちらをご確認ください。

※受講者数１名以上の場合から、リクエストを受け付けております

※ご連絡いただいてから研修実施まで、通常2か月程度かかります（2か月以内での急ぎの実施も、ご相談可能です）

お問合せフォームへ

受講者の評価evaluation

生成AIによるサマリー（受講者アンケートまとめ）

お客様はこの研修について、Figmaを活用したプロトタイピングの実践的なスキルが身につく点を高く評価しています。画面設計やUX向上に役立つツールとして、業務効率化やDX推進に直結する内容が魅力的です。さらに、共有やレビューのプロセスを円滑に進める方法を学べるため、ビジネスの精度向上やデザインの仕事への応用にも期待が寄せられています。

本サマリーは、お客様のアンケート回答に基づき、AIで生成されたものです。要約の内容はその正確性や品質を保証するものではありません

実施、実施対象
2022年9月　　　　　4名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • WEBデザインの考え方、意識するポイントなど様々な情報を得ることができたので、WEB画面の改修時の要件定義にてワイヤフレームを作成する際などにツールを利用し、満足度が高いデザインを検討します。

実施、実施対象
2021年2月　　　　　3名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • プロトタイプを効率的に活用し、ゼロからの画面設計をスピーディに受診していきます。エンジニアに作ってもらいたいシステムの創造図を見せられるようになりたいです。
  • システムを作る際にイメージをすり合わせる作業では、自分が積極的に作業に参加してより良いものを素早く完成させることに活かしていきます。

実施、実施対象
2019年12月　　　　　2名
業種
インソース
評価
内容：大変理解できた・理解できた
100%
講師：大変良かった・良かった
100%
参加者の声
  • まずは現場で使ってみて、他社との情報共有などに活かせるようにしたい。
  • ツールの社内展開をしたいと思った。

お問合せフォームへ

  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層

業務改善研修
  • 若手層
  • リーダー層
  • 中堅層

ＵＩ（ユーザーインターフェイス）設計力向上研修
  • 若手層
  • 中堅層
  • リーダー層

（システム担当者向け）要件定義研修
  • 新入社員
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層
  • 部長・経営層

システム・ＩＴ理解研修

公開講座セットプラン～教育効果を高める複数研修の組み合わせ

Leaf企業内大学～人の可能性を最大限に伸ばすシステム

公開講座テキストフェア ～「最新」「話題」テキストを一挙展示

読み物・コラムcolumn

DX（デジタルトランスフォーメーション）を人材育成で実現する

2025年1月16日更新

DX（デジタルトランスフォーメーション）の注目度が高まっている今、本ページではDXの推進方法とDX人材を育成する方法を丁寧に解説いたします。また、株式会社インソースの事例や経営陣を含め、全社が取り組むべきDXの4つのステップをご紹介いたします。

デジタル人材育成～デジタルトランスフォーメーション（DX）と企業の成長を加速させる

2024年7月18日更新

デジタル人材育成を研修会社インソースが強力にサポートします。デジタルトランスフォーメーションと企業の成長を加速させるためにAIの知識、要件定義のスキル、アルゴリズムの学習、Excelマクロ・RPAなど、これからの社会に求められるスキルを習得していただきます。

DX研修はインソースへ～インソースは「文系」のＤＸ人材が多い会社です！その理由とは

2024年8月2日更新

昨今、デジタルトランスフォーメーション（ＤＸ）が組織経営に欠かせないものとして重要性を増しています。ＤＸとはＩＴとデータを活用した破壊的イノベーションのことを意味しています。ＡＩが様々な分野で導入されつつある現代において、ＤＸの重要性はさらに高まり続けるでしょう。それに比例するようにＤＸを実現できる人材が今以上に必要となります。

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

受講をご検討中のテーマで、日程がなくお困りの場合は「 研修リクエストサービス（詳細はこちら） 」をご活用ください。ご希望の日程・内容・会場で、追加開催するサービスです。

よくいただくご質問～お申込み方法や当日までの準備物など、公開講座について詳しくご説明

よくいただくご質問一覧

過去にご覧いただいたページ（直近30日分）

このページをご覧になった方が、よくご覧いただくページ

■最新作・ニュース

新卒採用募集中
ページトップへ
年間実績公開講座の年間実績
受講者数※1
154,113名
開催数※1
14,945回
講座数※2
4,823種
類
WEBinsource
ご利用社数※2
26,368社

※1 2024å¹´7月～2025å¹´6月

※2 2025å¹´6月末時点

同ジャンルの研修を探す

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す

閲覧履歴（30日分）

公開講座をさらに便利に

公開ダイレクト

受講者自身で申し込み

ご利用社数は400組織を突破！WEBinsourceから受講者自身でも講座をお申込みできる無料オプション機能です

公開講座リクエスト

少人数でも追加開催できる

現在日程がない研修もリクエスト可能、お客さまの開催希望を承ります！

Leaf

次世代LMS「Leaf」

公開講座と一緒にすべての教育を一元管理できます。

公開講座をさらにお得に

WEBinsrouce

会員価格で受講ができる

公開講座や動画教材を会員価格でお申込みいただけるシステムです＜年会費無料！＞

人財育成スマートパック

通常料金より最大50%割引

公開講座を始めとする様々なサービスがお得になるポイント制割引サービス

バリューパック

月額48,000円で人材育成

成長・中堅企業限定！パック200以上の割引が適用されるお得なサービス
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
業界・業種別研修
オンライン人材育成

オンライン人材育成

企業内研修は、すべてオンラインで実施可能です

動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

Another SERVICE

アナザーサービス

インソースがご提案する「これまでと違う」人事・総務ご担当者さま向けサービス

メールマガジンのご登録

コンテンツクリエイターズワークス

  • WEBinsource
  • モンシャン

公開講座からの新着メッセージ

2025/7/22更新

ご利用にあたって


直近の公開講座開催研修

当サイトでは、サイトの利便性向上のため、クッキーを利⽤しています。詳細は、「クッキーの管理方法について」をご覧ください。

同意します