【サポート終了予定】はじめてのFigma入門(超基礎編)

Figmaでデザインを始めよう。そもそもFigmaとは?初心者が最初に学ぶべき基本操作を徹底解説!

プレミアム

合計時間:00:30:41

コース紹介動画

学習内容

お知らせ:Figmaの新UI「UI3」について

現在、一部のユーザー向けにFigmaの新しいUI「UI3」が公開されております。しかしながら、本コースでは、受講生の学習進度やニーズを考慮し、UI3に関するアップデートは行わないことといたしました。

Figmaのカリキュラムを受講中、またはこれから受講を予定されている皆さまには、ご期待に添えず申し訳ございません。何卒ご理解いただけますようお願い申し上げます。

なお、現在公開中のコース動画は、引き続きご視聴いただけますので、どうぞご安心ください。

■ 主な学習トピック

  • トピック1: Figmaを使う準備
    • 学習環境の確認とアカウント作成
    • Figmaのプランとデータ構造
  • トピック2: Figmaの基本操作
    • 新規ファイルとフレームの作成
    • シェイプ作成、オブジェクト操作、画像配置とマスク、テキスト配置

■ コース概要

本コースは、デザインツールの新しいスタンダードとなりつつあるFigmaの基本的な使い方を、初心者にも分かりやすく解説するオンラインコースです。このコースは特に、Figmaを使用した経験がない方で、Figmaの基本操作を短時間で理解したいと考えている方に最適です。約30分の動画で、Figmaとは何か?と、基本的な操作を学習することができます。

Figmaは、Adobe傘下に入ってからそのシェアを急速に拡大しており、ブラウザベースで利用できる点が大きな特徴です。インストール不要でアクセスでき、リアルタイムでの共同作業が可能なため、デザインチーム間のコラボレーションを大きく効率化しています。このコースでは、そんなFigmaの基本的な概念から始め、実際の操作方法に至るまでを段階的に学んでいきます。

まず、Figmaの基本的な概念やプランの違い、データ構造(チーム、プロジェクト、ファイル)について理解を深め、どのようにして自分のプロジェクトを管理していくかを学びます。続いて、実際の操作方法に焦点を当て、新規ファイルの作成方法、キャンパスの使用方法、ツールバーの機能、左右パネルの効果的な使い方など、Figmaのインターフェース全体について詳しく解説します。

さらに、基本的なデザイン作業であるシェイプの作成、オブジェクトの移動や重なり、塗りつぶしの方法など、Figmaのコアとなる機能を実践的に学びます。画像の配置やマスクの使用方法、テキストの挿入や編集方法も含め、ビジュアルデザインに不可欠なスキルを身に付けることができます。

このコースは、実際のプロジェクト例を用いて、学んだ知識をどのように実践に活かすかを示します。さらに、Figmaの便利なショートカットや小技も紹介し、より効率的なデザインワークフローを構築するためのヒントを提供します。デザイン初心者だけでなく、デザイナー、エンジニア、プロダクトマネジャー、ディレクターなど、幅広い職種の方々に役立つ内容となっています。

このコースを通じて、Figmaの基本操作をマスターし、デザインプロジェクトに自信を持って取り組むことができるようになります。また、コースの終了後には、Figmaを使ったデザインの基礎知識がしっかりと身についていることを感じられるはずです。Figmaを使ったデザインの世界への第一歩を踏み出し、あなたのクリエイティブなアイデアを形にしてみませんか。

補足:本コースは、超基礎編となります。Figma教材へ需要が高いようであれば、より高度な使い方に関するカリキュラムを制作していきたいと考えております。

■ 学習に必要な要件

  • インターネット接続が可能なパソコン(macOS / Windows)
  • ウェブブラウザ(Google Chrome)
  • 基本的なコンピュータ操作の知識

■ このコースのターゲット

  • Figmaを初めて使う方
  • デザイナー、エンジニア、プロダクトマネジャー、ディレクターなどFigmaを活用したい職種

■ バージョン情報

  • 動画収録時の最新バージョンにて収録しています。

レクチャー一覧