강의

멘토링

커뮤니티

BEST
Design

/

UI/UX

UX/UI の始め方: Figma 入門 (Inflearn Original)

UIデザインスケッチ、プロトタイピング、およびコラボレーションのためのデザインツールFigma(ピグマ)の基本的な使い方と実践的な活用法について学びます。

  • inflearn
Figma
Prototyping

学習した受講者のレビュー

受講後に得られること

  • Figma の基本的な使い方

  • Figma の活用

世界が注目するUX/UIデザインツール、
最近大勢はFigma(ピグマ)! 📐

📢受講前に参考にしてください!

  • このレッスンは、Pigma 2023のアップデートより前のバージョンに進むレッスンです。
  • 必ずプレビューで講義を確認してから購入してください。

UXtools.coの選定2021年に最も期待されるデザインツール、Figma

ソース: UXtools.co, 2020 Design Tools Survey (リンク)

UXデザイナー、プロダクトデザイナーなど米国デザイナーの1/4程度が参加したUXtoolsサーベイが発表されました。注目すべき点は断然フィグマ(ピグマ)の成長傾向です。 Figmaはブレインストーミング分野でMiroの後ろを追いかけており、他にサイトマップ、インターフェースデザイン、UIプロトタイピング、ハンドオフ(ガイドライン)、デザインシステム管理などで1位を占めました。特に2021年に注目すべきツールで圧倒的な1位を収める成果を記録しましたが、それならどんな点がFigmaを魅力的なデザインツールにしたのでしょうか?


なぜピグマですか?

コラボレーションの最強者!

Figmaの最大の特徴は「リアルタイムコラボレーション」です。 Web/アプリのデザインが出るまでは、次のプロセスを経ます。

設計のためのプロセスは複雑です。デザイナーだけでなく、企画者、開発者までみんなが一緒に参加しなければならず、コミュニケーションを経て最初のシアンとは多くの部分が変更されることもあります。 1つのプロジェクトに複数のデザイナーが参加することも頻繁です。そのため、デザインプロセスで、コラボレーションは非常に重要なポイントです。

계정만 있다면 언제 어디서나 UIUX 디자인 툴 Figma를 사용할 수 있습니다.

コラボレーションにおいて、Figmaは優れた柔軟性と生産性を発揮するツールです。それはWebブラウザベースのプログラムだからです。一般的なデザインツールはプログラムをダウンロードして使用しますが、Figmaはブラウザに接続して使用します。インターネットがアクセス可能なスペースであれば、デスクトップアプリをダウンロードすることなく、いつでもどこでもFigmaにアクセスできます。クラウドベースのプログラムなので、ストレージスペースを別途必要としないことも大きな利点です。リアルタイムで画面を共有でき、バージョン管理も便利なだけコラボレーションに最適な環境を提供します。


基本と実戦を一度に。


順番に学習してみてください!

ピグマ、どうやって使うの?
Figmaアカウントを作成する方法から作業環境を設定する方法を学びます。キャンバスやページを理解し、基本的なインターフェースと機能を学ぶことができます。
ピグマの核心はコンポーネント!
ピグマはコンポーネントベースのプロトタイピングツールです。ソースをコンポーネントすることで、マスターソースをいつでも便利に呼び出して使用できます。コンポーネントの概念を理解し、実習を通じて学んだ内容を存分に活用してみてください。
インターフェース設計図OK。
Iconify、Auto Flow、Auto Layoutプラグインを使用してインターフェイスを設計する方法を理解します。実習を通じて学んだ内容をじっくり活用できます。
一貫したトーンで作りましょう。
サービスUIをデザインするときは、繰り返し使用する色やテキストがあるはずです。一貫してUIをデザインできるように、繰り返し使用する要素をスタイルガイドにして適用します。
仕事を切るためのプロトタイピング。
ピグマのプロトタイピング方法を理解し、どのコンポーネントがあるかを理解します。コミュニケーション効率を高め、生産性の高い作業方法を学びましょう!
コラボレーションをより簡単かつスマートに。
デザイン画面でコメントを即座に共有する方法、デザインファイルのバージョン管理、共有、エクスポートなど、コラボレーションのためのピグマのさまざまな機能を学びます。

こんな方に注目してください!

プロトタイピング?

初めてプロトタイピングツール
学習する方

ピグマ?

Figmaを学びたい
UX/UIデザイナー

チームプレイ

コラボレーション効率を上げる
プロダクトチームメンバー

無限バックアップ中...

バージョン管理まで楽
オールインワンツールをお探しの方


UX/UI入門,
Inflearnと一緒に挑戦してみてください。

InflearnオリジナルUX/UIロードマップを見る✨

受講前に確認してください!

  • 本講義は、授業内容に対する質疑応答を提供しない講義です。学習に参考にしてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Figma を初めて使用する人

  • 組織内でFigmaを使用するPM

前提知識、
必要でしょうか?

  • UX/UI デザイン プロセスの基本的な理解

こんにちは
です。

713,005

受講生

6,906

受講レビュー

118

回答

4.8

講座評価

144

講座

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

カリキュラム

全体

55件 ∙ (7時間 33分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

226件

4.7

226件の受講レビュー

  • soyoungkong0884님의 프로필 이미지
    soyoungkong0884

    受講レビュー 9

    平均評価 5.0

    5

    31% 受講後に作成

    デザイナーの方やデザインに慣れた方は、コンポーネント部分にすぐに進んでいただくのが良いようです。非常に詳細で良い講義です。

    • minjoo님의 프로필 이미지
      minjoo

      受講レビュー 1

      平均評価 4.0

      4

      89% 受講後に作成

      ピグマ入門者には本当に良い講義です!ただ一つ残念な点は画面の中の文字が小さすぎますㅠㅠㅠㅠ 長い時間より見ると目がとても痛くて虫眼鏡してくれたらもっと良かったと思います。

      • vhrvndk4871님의 프로필 이미지
        vhrvndk4871

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        本当に必要な講義だと思います。

        • bluebamus님의 프로필 이미지
          bluebamus

          受講レビュー 26

          平均評価 5.0

          5

          100% 受講後に作成

          まず、聞いた国内初級フィグマ講義の中で一番気に入りました。ただし、あまりにも多くの情報を短い時間単位で割って送ってみると、デザイナーではない人として理解がうまくいかなかったり、漠然と受け入れられる部分がありました。 リザイズ、ソート、オートレイアウトが動作別比較をすることがないので、一度クリックして直接理解をする上で、果たしてどのような場合に適切に書くことができるかという悩みをしばらくしていました。 コンポーネント、スタイル、ライブラリが実際にすべて接続されている部分なので、関連する部分の整理が一度あったらもっと良かっただろうと思います。 実務で使われている技法が溶け込んだプロジェクトが講座に出たら、すぐに決済するつもりがあります。 これからも良い川の多くをお願いします。

          • berrydev님의 프로필 이미지
            berrydev

            受講レビュー 2

            平均評価 4.0

            4

            100% 受講後に作成

            助けがたくさんありました。いくつかの例の作業練習の部分は少し残念です。

            inflearnの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!