Figma Master Course

Figmaマスター講座

講座概要

label_outline

入門〜上級レベル

laptop_chromebook

全50レッスン以上

video_library

動画 17時間以上

remove_red_eye

学習期間の制限なし

update

教材アップデート有り

account_balance_wallet

19,800円(税込)

今ならSTUDIO+Figmaセット講座が
お得に買える✨
セット割キャンペーン実施中!

今ならSTUDIO+Figmaセット講座がお得に買える✨
セット割キャンペーン実施中!

Figma講座とSTUDIO講座のセットが

119,800円(税込) → 99,800円(税込)

Figma講座とSTUDIO講座の
セットが

通常 119,800(税込) 

arrow_downward

今だけ 99,800(税込) 

2024年9月7日(土) 23:59まで

※注意事項※

Figmaの2024年6月26日のアップデートによりUIがフルリニューアルされました。(現在はウェイティングリスト受付中でベータ版として触ることができます)本講座ではまだ新しいUIには対応していません。基本的な使い方は変わっていませんので学習に支障はないかと思いますが、もし困ったことがあれば講座内の質問フォームよりお問い合わせください。また今後、新しいUIに対応した講座の更新を予定しております。

Figmaマスター講座
    リリース記念キャンペーン 🎉✨

Figmaマスター講座リリース記念キャンペーン 🎉✨

今だけ 49,800(税込) → 29,800(税込)

通常 49,800(税込) 

arrow_downward

今だけ 29,800(税込) 

2024年4月3日(水) 〜 4月10日(水) 23:59まで!

Details of the course

これからFigmaを始める人に最適
基礎から応用まで全てが学べる、Figma講座の決定版!

これからFigmaを始める人に最適。基礎から応用まで全てが学べるFigma講座の決定版!

Figmaの世界へようこそ!こちらの講座はこれからFigmaを始めたい方、基本操作は分かるけどもっと実践的な使い方をマスターしたい方にぴったりの講座です。

この講座では、Figmaの概要や基本操作から始め、徐々に応用機能の使い方へと進んでいきます。基本ツールやプラグインを使用したバナーデザインのつくり方や、インタラクティブなプロトタイプの作成、チームとの効率的なコラボレーション方法まで、Figmaの全機能を網羅的に学べる内容となっています。

Users' Voices

実際に受講した方の声

実際に受講した方の声

Sample Video

実際の解説動画をチラ見せ!
「2-19 バナーをつくってみよう(実践編)」

実際の解説動画をチラ見せ!「2-19 バナーをつくってみよう(実践編)」

動画のつづきは本編でお楽しみください🥳✨

Key points of this course

この講座のポイント

  • 書籍「はじめてでも迷わない Figmaのきほん」著者のもちが全力制作した渾身のカリキュラム!

    こちらのFigmaマスター講座は、書籍「はじめてでも迷わない Figmaのきほん」著者のもちが全力で制作した渾身のカリキュラムとなっています。初めてFigmaに触る人でも、この講座を受ければFigmaマスターと名のれるよう、すべての主要機能の使い方を丁寧に解説しており、圧倒的なボリュームとなっております。

  • すべてのレッスンに実践的なTipsがたっぷり詰まった「動画解説」つき!

    こちらの講座はすべてのレッスンに動画解説(音声有り)がついています。テキストや画像だけではなかなか伝わらない細かい部分の操作方法も、動画でみることでスムーズに理解することができます。更に動画では基本的な操作方法だけではなく、デザイン作成にどう活かすかなど、実践的なTipsもたっぷりお伝えしています。

  • 動画解説とテキスト解説、どちらもあるのでより理解が深まる。

    レッスンには動画解説だけではなく、テキストの解説もついています。通常はテキストか動画かどちらかのみの形式が多いです。しかしそれではなかなか思ったように学習を進められない方も多いはず。こちらの講座は、動画を見てからテキストで復習するも良し!逆にテキストで予習してから動画を見るも良し!その人のライフスタイルや隙間時間に合わせた教材の活用が可能となっております。

  • Figmaのアップデートにも随時対応。最新情報のキャッチアップも効率的にできる!

    Figmaユーザーの皆さんから「アップデートの内容についていくのが大変」というお困りの声をよく聞きます。それもそのはず、Figmaはデザインツールの中でもアップデートがとても早く、機能追加も多いのです。そんな皆さまのためにアップデートにも随時対応します!これで新しい機能が出ても、こちらのFigma講座を見れば素早く使い方をキャッチアップすることができます。

What you will learn in this curriculum

このカリキュラムで学べること

  • 初めてFigmaに触る人でも安心!アカウント作成や基本操作から始まり1から学べます。

  • Figmaを使ってバナーデザイン、Webデザインがつくれるようになります!

  • ファイル共有やチームライブラリなどチームで共同作業する時のノウハウも!

  • プロパティ機能やバリアブル機能などFigma上級者向けの機能も網羅。

  • おすすめプラグインの情報や、新しく追加されたDev Modeやマルチエディットの使い方など、最新情報も迅速にアップデート!

Examples of work in this course

この講座内での作例

  • BANNER

  • BANNER

  • WEB DESIGN

  • Figma講座リリース記念ウェビナーで作成したバナー

Curriculum Contents

カリキュラム内容のご紹介

SECTION.01  Figma 事前準備編

  • 01

    Figmaとは

  • 02

    料金プランと出来ること

  • 03

    インストール・アカウント作成

  • 04

    Figmaのデータ構造

  • 05

    各画面の説明

SECTION.02  Figma 基本操作編

  • 01

    最初に覚えるべき基本操作

  • 02

    リージョンツール

  • 03

    シェイプツール

  • 04

    作成ツール

  • 05

    テキストツール

  • 06

    リソースツール

  • 07

    手のひらツール

  • 08

    ガイド

  • 09

    整列

  • 10

    フレームパネル

  • 11

    レイアウトグリッド

  • 12

    塗りと線

  • 13

    レイヤーのブレンド

  • 14

    画像の取り扱い

  • 15

    選択範囲の色

  • 16

    エフェクト

  • 17

    ブーリアン(選択範囲の結合)

  • 18

    画像の書き出し

  • 19

    【実践】バナーをつくってみよう!(前編)

  • 20

    【実践】バナーをつくってみよう!(後編)

SECTION.03  Figma 共同作業編

  • 01

    ファイル共有

  • 02

    コメント・カーソルチャット・その他のコミュニケーション機能

  • 03

    チームライブラリ

SECTION.04  Figma 中級編

  • 01

    コンポーネント

  • 02

    スタイル

  • 03

    制約

  • 04

    オートレイアウト

  • 05

    プロトタイピング

  • 06

    バージョン管理

SECTION.05  Figma 実践編

  • 01

    Webサイトをデザインしてみよう(前編)

  • 02

    Webサイトをデザインしてみよう(中編)

  • 03

    Webサイトをデザインしてみよう(後編)

SECTION.06  Figma 上級編

  • 01

    バリアント

  • 02

    プロパティ

  • 03

    バリアブル

SECTION.07  Figma 番外編

  • 01

    FigJamの使い方

  • 02

    もっと便利に使おう!Figma Tips集もっと便利に使おう!

SECTION.08  Figmaプラグイン編

  • 01

    おすすめプラグインの紹介 #1

  • 02

    おすすめプラグインの紹介 #2

  • 03

    おすすめプラグインの紹介 #3

SECTION.09  Figma アップデート編

  • 01

    FigJam AI

  • 02

    Dev Mode

  • 03

    マルチエディット

Exclusive benefits of Figma Master Course

Figmaマスター講座だけの特典

  • リリース記念ウェビナーのアーカイブ動画

    Figmaマスター講座をリリースするにあたって開催した「初心者向けFigma講座」のアーカイブ動画を購入者限定で特別に公開!可愛いドーナツのバナーをつくっていきます!

  • バナーデザイン2種のサンプルデータ

    レッスン内で作成したバナー2種のFigmaデザインデータをダウンロードしていただけます。

  • Webサイト「FUSION」のサンプルデータ

    コンセプトシートやワイヤーフレームを含むWebサイト「FUSION」のFigmaデザインデータをダウンロードしていただけます。

今ならSTUDIO+Figmaセット講座が
お得に買える✨
セット割キャンペーン実施中!

今ならSTUDIO+Figmaセット講座がお得に買える✨
セット割キャンペーン実施中!

Figma講座とSTUDIO講座のセットが

119,800円(税込) → 99,800円(税込)

Figma講座とSTUDIO講座の
セットが

通常 119,800(税込) 

arrow_downward

今だけ 99,800(税込) 

2024年9月7日(土) 23:59まで

How to Purchase

Figmaマスター講座の購入はこちら

NOT DESIGN SCHOOL

購入する

講座を購入する

TOPに戻る

NOT DESIGN SCHOOL(ノットデザインスクール)

©NOT DESIGN SCHOOL