loading...

検索結果

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

DX

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

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

No. 6117001

対象者

  • 若手層
  • リーダー層
  • 中堅層
  • 管理職層
  • 部長・経営層

・画面設計を担当する開発担当者
・アプリケーションやウェブサイトのデザイナー
・システムの要望を具体化したいユーザー部門の方

よくあるお悩み・ニーズ

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

研修内容・特徴outline・feature

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

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

*この研修ではPCを使用します*
研修会場にノートPCをご用意をしております
(持ち込んだPCのご利用はできません)

到達目標goal

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

研修プログラムprogram

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

企画者コメントcomment

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

スケジュール・お申込み
(オンライン型/来場型開催)schedule・application

注意事項

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

事前のご案内

受講者の評価evaluation

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

お客様はこの研修について、Figmaを活用したプロトタイピングの実践的なスキルが身につく点を高く評価しています。画面設計やUX向上に役立つツールとして、業務効率化やDX推進に直結する内容が魅力的です。さらに、共有やレビューのプロセスを円滑に進める方法を学べるため、ビジネスの精度向上やデザインの仕事への応用にも期待が寄せられています。
実施、実施対象
2025年11月     4名
業種
インソース
評価
内容:大変理解できた・理解できた
100%
講師:大変良かった・良かった
100%
参加者の声
  • Figmaの基礎的な使い方が分かったので、プロトタイプを作成するときに使っていきます。ノーコードで簡単なので、実生活でもWebページみたいなものやスライド作成などにも役立てたいです。
  • 顧客とプロトタイプを使って、あるべきシステムのUIを作る時に使う。Figmaの基本を理解できた。コンポーネントやボタンなど、中級的な取り扱いもマスターしたい。
  • 簡単にユーザーが見て触るような画面を設計でき、評価できるので、新しい機能などの効果をすぐに試したいときなどに使う。

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

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

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

お問合せ・ご質問

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

最新作・ニュース

ページトップへ
年間実績公開講座の年間実績
受講者数※1
開催数※1
講座数※2

WEBinsource
ご利用社数※2

※1 

※2 

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

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

    日程 時間 研修タイトル 会場
    2026/2/910:00~13:00 (半日研修)ChatGPTのはじめ方研修~触って学び、明日の業務を効率化する 東京 申込み
    2026/2/910:00~13:00 (半日研修)コンプライアンス研修~個人情報保護、情報セキュリティ、SNSのリスクを知る編 大阪 申込み
    2026/2/910:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
    2026/2/910:00~16:45 Microsoft Office研修~Excel応用編 東京 申込み
    2026/2/909:00~17:00 Power BI Desktop基礎研修~データの可視化・分析を効率化する オンライン 申込み
    2026/2/910:00~16:45 トリプルシンキング実践研修~クリティカル・ラテラル・ロジカルシンキングを応用する(2日間) オンライン 申込み
    2026/2/910:00~17:30 新任係長研修~現場運営の実行力 東京 申込み
    2026/2/1010:00~17:30 管理職向け研修~マネージャーとしての課題を整理する 大阪 申込み
    2026/2/1010:00~16:45 段取り研修~管理職としての基本的マネジメントスキルを理解する 東京 申込み
    2026/2/1010:00~17:30 若手社員研修~主体性の発揮 東京 申込み
    2026/2/1010:00~16:45 50代向けキャリアデザイン研修~人生100年時代のマネーとキャリアを考える 東京 申込み
    2026/2/1010:00~16:45 課題設定力研修~主体的な問題解決のための手法とマインド 東京 申込み
    2026/2/1010:00~16:45 アサーティブコミュニケーション研修~自他尊重のスタンスで言いにくいことを伝える オンライン 申込み
    2026/2/1010:00~16:45 4SHIP研修~視座を高め、組織的に活躍する4方向の意識と行動 オンライン 申込み
    2026/2/1010:00~16:45 クリティカルシンキング研修(実践編)~リーダーとしての思考力を強化する オンライン 申込み
    2026/2/1010:00~16:45 カスタマーハラスメント防止研修~正しい知識を味方につける オンライン 申込み
    2026/2/1210:00~16:45 OJT研修~部下・後輩指導の基本スキルを習得する(2025年版) 大阪 申込み
    2026/2/1209:00~17:00 業務効率化のためのGemini研修~Googleアプリとの連携で作業時間を削減する オンライン 申込み
    2026/2/1210:00~16:45 生成AIへの仕事の任せ方ワークショップ~120%のポテンシャルを発揮する オンライン 申込み
    2026/2/1210:00~17:30 労務管理研修~管理職として「使用者」の立場で成果とルールの両立を目指す オンライン 申込み
    2026/2/1210:00~16:45 良い人材を見抜くための採用面接研修 オンライン 申込み
    2026/2/1209:00~17:00 Python学院~基本文法編/プログラミング未経験から業務への活用方法を学ぶ(1日間) オンライン 申込み
    2026/2/1310:00~13:00 <速習!>(半日研修)(中級者向け)Excel研修~パワークエリを用いたデータの取込みと整形編 オンライン 申込み
    2026/2/1310:00~17:30 リーダーとしての問題解決力向上研修~経営的視点と仮説思考で問題解決力を高める オンライン 申込み
    2026/2/1310:00~16:45 アサーティブコミュニケーション研修~自他尊重のスタンスで言いにくいことを伝える オンライン 申込み
    2026/2/1310:00~16:45 人を動かすコミュニケーション研修~キーパーソンへ働きかける編 東京 申込み
    2026/2/1310:00~17:30 新任主任研修~リーダーの自覚と責任 東京 申込み
    2026/2/1310:00~16:45 マーケティング研修~STP・4Pから学ぶ売るための仕組み作り 東京 申込み
    2026/2/1310:00~16:45 報告書・議事録の書き方研修~必要情報を細大漏らさず表現する オンライン 申込み
    2026/2/1310:00~16:45 ラテラルシンキング研修~新たな発想を生み出す力を養う オンライン 申込み
    2026/2/1310:00~16:45 部下モチベーション向上研修~風通し・見通しをよくするコミュニケーション オンライン 申込み
    2026/2/1310:00~16:45 構想力強化研修~アイデアを実現するまでのプロセスを学ぶ オンライン 申込み
    2026/2/1310:00~16:45 達成力強化研修~仕事を最後までやり抜く力を身に付ける オンライン 申込み
    2026/2/1610:00~13:00 (半日研修)Copilotのはじめ方研修~生成AIを仕事で頼れるパートナーにする オンライン 申込み
    2026/2/1614:00~17:00 (半日研修)Copilotのはじめ方研修~生成AIを仕事で頼れるパートナーにする オンライン 申込み
    2026/2/1610:00~16:45 仮説構築力向上研修~仕事の精度とスピードを高める思考法を身につける 東京 申込み
    2026/2/1610:00~16:45 ChatGPT×Excel研修~知識ゼロからマクロを作る オンライン 申込み
    2026/2/1610:00~16:45 共感力発揮研修~スムーズに仕事を進めるために理解と思いやりを示す オンライン 申込み
    2026/2/1710:00~16:45 OJT研修~部下・後輩指導の基本スキルを習得する(2025年版) オンライン 申込み
    2026/2/1710:00~16:45 ファシリテーション研修~会議を円滑に進行する4つのスキル オンライン 申込み
    2026/2/1710:00~13:00 (半日研修)ChatGPT×Excel研修~身近なExcel業務から始めるAI活用 オンライン 申込み
    2026/2/1710:00~16:45 新任課長研修~管理職に求められるマネジメント・采配力(2日間) 大阪 申込み
    2026/2/1714:00~17:00 (半日研修)企業間取引で発生する契約の基本を学ぶ研修 オンライン 申込み
    2026/2/1710:00~16:45 次期管理職向け研修~プレイヤーとの違いを理解し、その日に向けて準備する 東京 申込み
    2026/2/1710:00~16:45 Microsoft Office研修~Excel応用編 オンライン 申込み
    2026/2/1810:00~16:45 営業力レベルアップ研修~成果を出すための原理・原則 オンライン 申込み
    2026/2/1810:00~16:45 分かりやすい説明の仕方研修~言いたいことを簡潔に伝える オンライン 申込み
    2026/2/1810:00~16:45 現場マネージャー研修 オンライン 申込み
    2026/2/1809:00~17:00 Microsoft 365 Copilotの使い方研修~資料作成の時間を半減する オンライン 申込み
    2026/2/1810:00~17:30 若手社員研修~主体性の発揮 東京 申込み
    2026/2/1810:00~12:00 【内定者セミナー】社会人での目標・キャリアを考える オンライン 申込み
    2026/2/1910:00~16:45 はじめてのリーダーシップ研修~仕事力とコミュニケーション力強化編 大阪 申込み
    2026/2/1910:00~17:30 中堅社員研修~管理職を補佐し、部の成果を出す! 大阪 申込み
    2026/2/1910:00~16:45 メンター研修~メンティのよき相談相手となる オンライン 申込み
    2026/2/1910:00~16:45 はじめて学ぶ財務三表研修~ケースと図解で実務と数字を結びつける 東京 申込み
    2026/2/1909:00~17:00 Power Apps基礎研修~ローコードで業務効率化アプリを開発する オンライン 申込み
    2026/2/2010:00~16:45 Z世代の育て方研修~新しい価値観に向き合う人材育成のあり方 オンライン 申込み
    2026/2/2010:00~16:45 中堅社員向けオーナーシップ研修~当事者意識をもって、周囲に働きかける存在になる 東京 申込み
    2026/2/2010:00~16:45 経営戦略研修~勝ち筋を描くフレームワークの習得 オンライン 申込み
    2026/2/2010:00~16:45 (若手向け)ロジカルシンキング研修~情報を整理し、結論を導く オンライン 申込み
    2026/2/2010:00~16:45 仕事の任せ方研修~自分でやった方が早いを克服し、部下の成長を促す 東京 申込み
    2026/2/2010:00~16:45 クリティカルシンキング研修~本質を見抜く力を養う オンライン 申込み
    2026/2/2013:00~15:00 【全力解説】発想力強化研修~身近な特許事例に学ぶ、イノベーションを起こすための5つの視点 オンライン 申込み
    2026/2/2010:00~13:00 (半日研修)アンコンシャス・バイアス研修~無意識の決めつけ・思いこみを打破し、 改めて職場風土を考える オンライン 申込み
    2026/2/2014:00~17:00 (半日研修)なぜなぜ分析研修~考えるクセをつける オンライン 申込み
    2026/2/2010:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 大阪 申込み
    2026/2/2010:00~16:45 パワーポイントプレゼンテーション研修~訴求力のある資料と話し方を学ぶ オンライン 申込み
    2026/2/2410:00~13:00 (半日研修)生成AIで業務自動化研修~AIエージェントを自分専用の部下にする オンライン 申込み
    2026/2/2410:00~16:45 コミュニケーション研修~エトス・パトス・ロゴスで伝える力を強化する オンライン 申込み
    2026/2/2510:00~16:45 問題解決研修~ビジネス上の問題を解決する 大阪 申込み
    2026/2/2510:00~16:45 経営戦略研修~勝ち筋を描くフレームワークの習得 東京 申込み
    2026/2/2510:00~16:45 後輩サポート力研修~「頼れる先輩」に求められる3つのスキル オンライン 申込み
    2026/2/2610:00~12:00 (2時間研修)契約書の基本を学ぶ研修 オンライン 申込み
    2026/2/2610:00~17:30 新任管理職研修~求められる3つのマネジメント(人材、組織、業務)とリーダーシップ(2日間) 東京 申込み
    2026/2/2710:00~17:30 リーダーとしての問題解決力向上研修~経営的視点と仮説思考で問題解決力を高める オンライン 申込み
    2026/2/2710:00~17:30 新任主任研修~リーダーの自覚と責任 大阪 申込み
    2026/3/210:00~16:45 正しいビジネス文書の教え方研修~自信を持って後輩や部下の文書を添削する オンライン 申込み
    2026/3/210:00~13:00 (半日研修)業務効率化のためのCopilot研修~文書・Excel業務のコツをつかむ オンライン 申込み
    2026/3/214:00~17:00 (半日研修)業務効率化のためのCopilot研修~文書・Excel業務のコツをつかむ オンライン 申込み
    2026/3/310:00~16:45 社会人1年目・2年目ステップアップ研修~周辺配慮を意識した仕事の進め方 東京 申込み
    2026/3/410:00~16:45 新任課長研修~管理職に求められるマネジメント・采配力(2日間) 東京 申込み
    2026/3/410:00~16:45 ロジカルシンキング研修(実践編)~論理的思考による問題解決 大阪 申込み
    2026/3/410:00~16:45 若手社員向けビジネスマインド強化研修~主体性、業務・役割の領域拡大、自分で考える 東京 申込み
    2026/3/410:00~13:00 (半日研修)なぜなぜ分析研修~考えるクセをつける オンライン 申込み
    2026/3/510:00~16:45 新人フォロー研修~実務を振り返り仕事の進め方をブラッシュアップする 東京 申込み
    2026/3/510:00~16:45 評価者研修~公正な評価のポイントを学び、納得感のある評価を行う 大阪 申込み
    2026/3/510:00~16:45 27歳の壁を乗り越える研修~仕事の「慣れ」に打ち勝ち、成長を続ける オンライン 申込み