記事より動画で見たい方はこちらから!(見たいシーンをリンクから再生できます)
【動画のChapter】
01:36 今回のお題~タイトル紹介
02:00 初回プロンプトを詳しく!ご紹介!(ここでほぼサイトの方向性、決まります)
03:39 初回プロンプトの生成結果~編集方法
04:08 おすすめプロンプト!カスタム用CSSを新規追加しておく!
05:45 追加でプロンプトを打つのはどんな場合?
06:05 【アコーディオン型FAQ】をプロンプトだけで追加してみましょう!
06:39 【モーダル】もプロンプトだけで追加してみましょう!
07:41 Figma Make製のサイトを公開するにはどんな方法がある?
08:08 Figma Makeの制作物の特徴(これ知っておくと理解深まります)
09:10 画像の更新方法(UI上からやる場合の一例です。実際はコードDLして編集をおすすめします)
10:18 Figma MakeのコードをHTML/CSS/JSだけで動くように変換してもらう方法!
11:00 Figma Makeのコードをそのまま動かすには?
11:30 生成クレジットどれだけ使った?合計の発表!
12:00 今回の動画とほぼ同じ方法で実際につくったWebサイトのご紹介( https://hayamo.me/ )
12:16 今回のまとめ
こんにちは。上武 ハヤです!今回は【Figma Make】でプロンプトからWebサイトを完成させる方法の動画です✨
みなさんこんにちは☺️✨
私は「上武 ハヤ(うぇぶ はや)」といいます✨
Web制作に関する動画配信をしているVの者(Vtuber)ですっ!
今回の動画は、
「【Figma Make】でプロンプトからWebサイトを完成させる一連のやり方」
をテーマにしています🎬✨
特に!
アコーディオン型のFAQのプロンプトでつくる方法
モーダルのつくり方
についても詳細なプロンプト付きでご紹介してますので!特にこの辺りのシーンは必見ですよっ🎬✨
なお、この記事自体は現在編集中です!まずは先行して、動画をご覧ください🫡✨
みなさんのチャンネル登録、心からお待ちしてますね~っ☺️✨
上武 ハヤでした~!またねっ😉!!
(※この記事は内容の品質向上を目的に、随時更新を行う場合があります。)
※この動画は個人によって制作されたものです。
Figmaロゴは、Figma商標ガイドラインに基づいて使用されています。
※Figma および Figma Make、Figma Sites は、Figma, Inc. の商標です。
※動画は自身の責任において閲覧ください。本記事掲載の動画の内容を無断で講座や教材等に転用することを禁じます。
※文中に登場する名詞・名称・商標等はそれぞれの権利を有する権利者に帰属します。