강의

멘토링

로드맵

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 デザイン プロセスの基本的な理解

こんにちは
です。

702,471

受講生

5,975

受講レビュー

118

回答

4.7

講座評価

131

講座

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

カリキュラム

全体

55件 ∙ (7時間 33分)

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

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

受講レビュー

全体

224件

4.7

224件の受講レビュー

  • 마리오님의 프로필 이미지
    마리오

    受講レビュー 9

    平均評価 5.0

    5

    31% 受講後に作成

    디자이너 분들이나 디자인에 익숙하신 분들은 컴포넌트 부분으로 바로 넘어가시는게 좋을 것 같습니다. 아주 상세하고 좋은 강의입니다.

    • 김민주님의 프로필 이미지
      김민주

      受講レビュー 1

      平均評価 4.0

      4

      89% 受講後に作成

      피그마 입문자들한테 진짜 좋은 강의예요!! 다만 하나 아쉬운 점은 화면 속 글씨가 너무 작아요ㅠㅠㅠㅠ 오랜시간 보다보면 눈이 너무 아파서 돋보기 해주셨으면 더 좋았을 것 같아요....

      • 김도영님의 프로필 이미지
        김도영

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        진짜 필요한 강의인거 같아요 너무 너무 도움이 됐어요

        • bluebamus님의 프로필 이미지
          bluebamus

          受講レビュー 19

          平均評価 5.0

          5

          100% 受講後に作成

          먼저, 들었던 국내 초급 figma 강의 중 제일 마음에 들었습니다. 다만, 너무 많은 정보를 짧은 시간 단위로 쪼개어 보내주다 보니 디자이너가 아닌 사람으로 이해가 잘 안가거나 막연하게 받아들여지는 부분들이 있었습니다. 리자이즈, 정렬, 오토 레이아웃이 동작별 비교를 하는게 없다보니 한번씩 클릭하면서 직접 이해를 하는데 있어 과연 어떤 경우에 적절히 써 먹을 수 있을까란 고민을 잠시 한바가 있었습니다. 컴포넌트, 스타일, 라이브러리가 사실 다 연결되어 있는 부분이라 관련된 부분들에 대한 정리가 한번 있었으면 더 좋았을텐데라는 생각도 듭니다. 실무에서 사용되는 기법들이 녹아든 프로젝트들이 강좌로 나온다면 바로 결재할 생각이 있습니다. 앞으로도 좋은강의 많이 부탁 드립니다.

          • 벨희님의 프로필 이미지
            벨희

            受講レビュー 2

            平均評価 4.0

            4

            100% 受講後に作成

            도움이 많이 됐습니다. 일부 예제 작업 실습 부분은 조금 아쉽네요

            公開していない講座のため、受講が制限されます。
            非公開講座

            inflearnの他の講座

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

            似ている講座

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