WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

Webデザインを

探す 知る 学ぶ

コース一覧

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

  • ページの概要
  • ページの作成
  • ページの管理
  • フレームの概要
  • Figmaのフレーム

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

ページの概要

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

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

ページの作成

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
次のコースへ

Webデザインの作り方