動画で基礎を学ぶ!

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

この学習動画は

会員限定!

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

会員登録はこちら
  • ページの概要
  • ページの作成
  • ページの管理
  • フレームの概要
  • Figmaのフレーム

今回は、デザインファイルの構造を整理し、効率的に進めるための基盤となるページとフレームについて説明していきます。

ページの概要

ページをは複数作成し、異なるページごとに整理できます。
例えば、ウェブサイトにはホームページ、アバウトページ、コンタクトページなどがあります。

Figmaでは、それぞれを別々のページとして作成して管理することができます。
これにより、各デザインを簡単に見つけたり編集したりできます。

ページの作成

  1. ページリストの表示
    ページリストを開くには、現在のページ名の矢印をクリックします。
    チェックマークがついているページがキャンバスに表示されます。
  2. ページの作成
    一から新しい白紙ページを作成することも、既存のページを複製することもできます。
    +をクリックすると、ファイルに新しいページが追加されます。
    追加後、新しいページに名前をつけます。
    ページ名を右クリックして複製を選択します。
    複製元と同じ内容のページが作成されます。

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

会員限定!

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

会員登録はこちら

Figmaの使い方

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

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

    00:46
  • 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