セットでお得 NEW! Figmaコンプリートパック (基礎/オートレイアウト/共同編集/プロトタイプ)
学習内容
1.Figmaの基本操作を丁寧に解説
基礎編では初めてFigmaを触る初心者向けに、Figmaの設定から始まり、最終的に独りで基本的な操作ができるレベルを目指します。
2.オートレイアウトをマスターしてデザイン効率をアップ
Figmaのオートレイアウトは、UIデザイナーにとって欠かせない、超時短ができる便利機能。混乱しやすいポイントを丁寧に解説し、ステップバイステップで操作方法を学びます。実務に即したワークを通して、ボタンやテキストの配置、レスポンシブデザインの作成方法など、実践的なスキル習得を目指します。
3.プロトタイプ作成で動きをプラス。デザイン管理も習得
クリックやホバーで変化するアニメーションや、ページ間リンクの作成を丁寧に説明。静的なデザインから、動的なプロトタイプへ進化させる方法を実践的に学び、ユーザーテストに役立つデザインを制作できるようになります。フォントスタイルやバリアブルの管理方法を学ぶことで、デザイン全体の一貫性を保ちながら効率よく作業するスキルを取得します。
講師のコメント
WEBサイト、LP、アプリのプロトタイプまで作成できるFigmaは、「WEBデザイナーの標準スキル」といっても過言ではない存在になりつつあります。基礎講座では、シェイプの作り方やペンツールの使い方など、独学で勉強したプロでも意外と見落としがちな基本操作を網羅しています。
あまりにもできることが多くて驚かれるのが、このオートレイアウトです。UIデザイナーは、ほぼ必ず利用しているといっても過言ではありません。講座ではオートレイアウトの混乱しやすい点を、少しずつ理解できるように、あらゆるワークをご用意。
プロトタイプ編では、まずアプリや大型WEBサイトでは欠かせない、デザインパーツを使い回すことができるコンポーネントを練習。UIデザインの現場で必須なスキルを学習します。ユーザーテストに必要となるプロトタイプもレベルアップしながら丁寧に解説。
UIデザイナーを目指している方や、制作の幅を広げたい方におすすめです。
こんな方にオススメ
- Figma未経験の方
- 実践的なFigmaスキルを習得したい方
- Figmaを使って副業をしたい方
- デザインの作業効率を上げたい方
- Webデザイナー、UIデザイナーを目指している方
無料体験もできます!
下記から、本講座の無料で体験いただけます。ぜひご覧ください!
受講に必要なもの
✅PCのみ
公式LINEもチェック
また下記の公式LINEにて、講座に関するお問い合わせや、お得なキャンペーン、お役立ち情報などをお送りしております!
初めて講座を購入される方へ
講座視聴までの流れについてご案内いたします。
- 購入ページから無料会員登録をいただきます。
- クレジットカードにて決済をお願いいたします。
- 決済完了後、マイページから視聴が可能です。
このコースの講師
デジタルハリウッドSTUDIO by LIGにてトレーナーを務める。StartWith Inc.CEOにてスタートアップ向けのデザインコンサルティング会社を経営しながら、デザイナー向け、スタートアップ経営者向けにデザイン研修を実施。WEBサイトをはじめ、LP、名刺、ロゴ、バナー、スライドなどさまざまな販促物の制作/研修を支援。
セットに含まれるコース一覧
Figma基礎講座
読み込み中 |
Figma講座 オートレイアウト編
読み込み中 |
Figma講座 共同編集編
読み込み中 |
Figma講座 プロトタイプ編
読み込み中 |