コース一覧

会員限定 コンポーネント

コンポーネント

この学習動画は

会員限定!

月額¥11,000税込/月
今だけ30日間無料で使い放題!

会員登録はこちら
  • コンポーネントを作成する
  • インスタンスの作成
  • メインコンポーネントを編集
  • 関連リンク

Figmaのコンポーネント機能は、デザインパーツを効率的に管理・更新できる便利な機能です。
ボタンやカードなどのパーツをコンポーネントとして作成しておけば、色やサイズを変更したり、新しいバリエーションを作成したりといった操作を、一括で簡単に行うことができます。

コンポーネントは、メインコンポーネントとインスタンスで構成されています。
メインコンポーネントは、パーツの元となるデザインを定義したものであり、インスタンスはメインコンポーネントを複製したものです。

インスタンスは、メインコンポーネントのデザインを継承していますが、個別に編集することもできます。

コンポーネントを作成する

右クリックメニューからコンポーネントを作成する

ショートカットキー(⌥ + ⌘ + K)やツールバーのダイヤモンドのアイコンをクリックでも作成することができます。

この学習動画 / コンテンツの続きは

会員限定!

月額¥11,000税込/月
今だけ30日間無料で使い放題!

会員登録はこちら

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