コース一覧

Figma(フィグマ)とは

  • Figmaで出来ること
  • FigmaでWebデザインを始めよう
  • 関連リンク

Figmaは、無料で使えるWebデザインツールです。
Webサイトの設計図である、デザインカンプの作成や、擬似的にWebサイトの動きを再現するプロトタイプなどを作成することができます。

Figmaで出来ること

  1. デザインカンプの作成

    デザインカンプは、Webサイトやアプリケーションの最終的な外観やインターフェースを具体的に示すために作成される静的な画像です。
  2. プロトタイプの作成

    プロトタイプは、デザインをただの画像ではなく、実際に動かせるようにする機能です。
    これを使うと、アプリやウェブサイトの実際の動きを擬似的に再現することができます。
  3. デザイン・プロトタイプの共有
    Figmaでは、デザインやプロトタイプを簡単に他の人と共有することができます。
    共有機能を使うと、チームメンバーやクライアントとリアルタイムでコラボレーションしたり、フィードバックをもらったりすることができます。

FigmaでWebデザインを始めよう

デザデジでは、Figmaを使ったWebデザイン制作を学習できます。

次のステップで、 Figmaを使う環境を整えてから、早速デザイン製作に取り掛かりましょう。

関連リンク

Figmaの使い方

全 14 動画
  • Figma(フィグマ)とは

    Figma(フィグマ)とは

    01:03
  • Figmaのインストールと初期設定

    Figmaのインストールと初期設定

    00:46
  • Figmaのホーム画面の見方

    Figmaのホーム画面の見方

    02:06
  • デザインファイルを作る

    デザインファイルを作る

    00:50
  • デザインファイルの構成を知る

    会員限定 デザインファイルの構成を知る

    01:49
  • 各種ツールの使い方

    会員限定 各種ツールの使い方

    04:57
  • シェイプの配置とスタイル

    会員限定 シェイプの配置とスタイル

    05:03
  • テキストの配置とスタイル

    会員限定 テキストの配置とスタイル

    02:45
  • ページとフレーム

    会員限定 ページとフレーム

    04:21
  • オートレイアウト

    会員限定 オートレイアウト

    02:26
  • コンポーネント

    会員限定 コンポーネント

    02:09
  • 書き出し

    会員限定 書き出し

    01:13
  • 共有

    会員限定 共有

    01:04
  • プロトタイプ

    会員限定 プロトタイプ

    03:58