【Figma Sites】動画・フォーム・地図をデザインデータだけで組み込む方法!!

【Figma Sites】動画・フォーム・地図をデザインデータだけで組み込む方法!!
この記事をシェアする:

記事より動画で見たい方はこちらから!(チャプター付きリンク有)

【動画のChapter】
01:26 今回のお題~タイトル紹介
01:43 実際にFigmaを操作しながら解説
02:19 「Figma Sites」でYouTube 動画を組み込む方法
03:55 「Figma Sites」でGoogle マップを組み込む方法
05:50 「Figma Sites」でGoogle フォームを組み込む方法
08:02 今回のまとめ

動画全体のリンクはこちら

こんにちは。上武 ハヤです!今回は「動画・フォーム・地図」を「デザインデータだけ」で
サイトに組み込む!というお話です

みなさんこんにちは!!
私は「上武 ハヤ(うぇぶ はや)」といいます🌟

最近、動画配信を始めたVの者(Vtuber)ですよー!

今年の夏も暑かったですねぇ~😉まだ暑いけど!!
9月に入ったという事で。夏シーズンの浴衣から再び衣装をもどして(髪型だけサイドアップなの!)お届けしています☺️

さて、前回の内容につづいて。
今回も、「Figma Sites」についてのお話をしていきます🌟

デザインデータだけで、動画やフォーム、地図も🧐組み込めます!
そう、Figma Sitesでね。

今回は…「Figma Sitesのデザインデータ上に、動画やフォーム、地図を組み込む方法」について、トライしてみました!

これまでも「Figma Sites」で、いろんなパーツをつくってみる、ということを動画でチャレンジしてきたわけですが。

今回はそこに「動画やフォーム、地図を組み込む」ということを実際に手を動かしながら、ご紹介しています!

やる事としては主に次の3つ。

  • (1). 左メニューの[+]アイコン(挿入)をクリック
  • (2). ドリルダウン式のメニューが開くので「埋め込み」をえらぶ
  • (3). その中から希望の組み込みたいパーツを指定!デザイン上に配置されたパーツにURLを紐づけ!

たったこれだけの、わずか数ステップで!

動画やフォーム、地図を、既存のデザインデータに組み込むことができちゃうんですねー。

これ実際に組み込んでみると、地味なようでいて「おお、こんなことまでデザインデータ上で出来ちゃうのね」と、
「ここまでできるんだ」感があって、Figma Sitesの可能性を、よりいっそう感じることができると思います!

…ということで、今回も、実際に私自身がFigma Sitesで
実践してみた様子を動画として配信してますので、ぜひとも!ご覧くださいね~☺️!

【実践動画】【Figma Sites】動画・フォーム・地図も!「デザインデータだけ」で組み込めるって本当!?

【動画のChapter】
01:26 今回のお題~タイトル紹介
01:43 実際にFigmaを操作しながら解説
02:19 「Figma Sites」でYouTube 動画を組み込む方法
03:55 「Figma Sites」でGoogle マップを組み込む方法
05:50 「Figma Sites」でGoogle フォームを組み込む方法
08:02 今回のまとめ

動画全体のリンクはこちら

みなさんぜひぜひ、チャンネル登録お待ちしてますっ!!!

上武 ハヤでした~!またねーーーっ😉!!

(※この記事は内容の品質向上を目的に、随時更新を行う場合があります。)


※この動画は個人によって制作されたものです。
 Figmaロゴは、Figma商標ガイドラインに基づいて使用されています。
※Figma および Figma Sites は、Figma, Inc. の商標です。
※Google Maps (Google マップ)、Google Forms (Google フォーム)、YouTube は Google LLC の商標です。
※動画は自身の責任において閲覧ください。本記事掲載の動画の内容を無断で講座や教材等に転用することを禁じます。
※文中に登場する名詞・名称・商標等はそれぞれの権利を有する権利者に帰属します。

この記事をシェアする: