記事より動画で見たい方はこちらから！（チャプター付きリンク有）
【動画のChapter】
00:55 今回のお題～タイトル紹介
01:08 実際にFigmaを操作しながら解説
02:08 「Figma Sites」でつくったアコーディオン型FAQの項目を増やす
02:45 リネームの重要性 ～ 複製したバリアントは必ずリネームを！ ～
02:52 複製したバリアントの中身の文章を更新する
04:10 コンポーネント準備完了 → デザイン上への配置のしかた
05:10 オートレイアウトによる間隔調整、ドラッグ操作による項目の並び替え
05:55 更新したアコーディオンを動かしてみる
06:55 【新編集】デザイン上でバリアントを変えて編集するとできる事
09:18 今回のまとめと応用でつくれるパーツの話
この記事を見る前に！「FAQアコーディオンを Figma Sites でつくる方法」を知りたい方は！
「Figma Sites をつかって、デザインデータだけ」でアコーディオン型のFAQをつくる方法の記事はこちらにあります！
👉 【Figma Sites】デザインデータだけでアコーディオン型のFAQを実装する方法！！
↑まずはつくり方を知りたい方は！↑こちらから先にご覧くださいっ☺️！
こんにちは。上武 ハヤです！今回は、「デザインデータ」だけで
アコーディオンをつくるお話の続編ですっ！
みなさんこんにちは～！！！
私は「上武 ハヤ（うぇぶ はや）」といいます🌟
最近、動画配信を始めたVの者(Vtuber)ですよ～😊！
今日もよろしくおねがいしますねっ！
さて、前回の内容では、「デザインデータだけ」でアコーディオン型のFAQをつくるやり方についてみていったわけですが、
今回はその続編。
「Figma Sites」でつくったアコーディオン型のFAQの、その更新方法についてのお話になります😉！
デザインデータだけでつくったアコーディオンを、あとから更新してみるよって話です
前回は「デザインデータだけで実装する、アコーディオンをつくる方法」について、チャレンジしてみました！
そのアコーディオン型のFAQを今回の動画の中では、「更新する方法」についてご紹介してるわけですが…
- ・FAQの数を増やすには？
- ・FAQの順番を入れ替えるには？
- ・あとからFAQの内容を更新するには？
といったことについて、扱う内容になっています！
…今回も、実際に私自身が手を動かして、Figma Sitesで
編集している様子を動画として配信してますので、ぜひぜひ！前回の動画とあわせてご覧くださいね～☺️！
【実践動画】【Figma Sites】アコーディオン型のFAQを「あとから更新」する方法っ！
【動画のChapter】
00:55 今回のお題～タイトル紹介
01:08 実際にFigmaを操作しながら解説
02:08 「Figma Sites」でつくったアコーディオン型FAQの項目を増やす
02:45 リネームの重要性 ～ 複製したバリアントは必ずリネームを！ ～
02:52 複製したバリアントの中身の文章を更新する
04:10 コンポーネント準備完了 → デザイン上への配置のしかた
05:10 オートレイアウトによる間隔調整、ドラッグ操作による項目の並び替え
05:55 更新したアコーディオンを動かしてみる
06:55 【新編集】デザイン上でバリアントを変えて編集するとできる事
09:18 今回のまとめと応用でつくれるパーツの話
みなさんぜひぜひ、チャンネル登録お待ちしてますっ！
上武 ハヤでした～！またねーーー🌟🌟！
（※この記事は内容の品質向上を目的に、随時更新を行う場合があります。）
※記事内の動画は個人配信者によって制作されたものです。
Figmaロゴは、Figma商標ガイドラインに基づいて使用されています。
※Figma および Figma Sites は、Figma, Inc. の商標です。
※文中に登場する名詞・名称・商標等はそれぞれの権利を有する権利者に帰属します。