Technique– category –

Studioのハンバーガーメニューをクリックするとバツ印に変わるアニメーションを解説。モーダルの作成、線の配置、モーションとリンクの設定を順番に紹介します。

Studioで親ボックスの縦幅をautoにしたまま、子要素を上下の両端に配置する設定を解説。よくある設定ミスと正しい組み方を比較し、レイアウトを整える方法を紹介します。

Studioで作ったボタンからSNSの投稿画面を開く設定方法を解説。ボタンの配置、共有用リンクの設定、投稿するテキストのカスタマイズを順番に紹介します。

Figma to Studioでデザインを取り込む方法を解説。アカウントの準備、Figma側の操作、Studioでの確認と公開の流れ、作業に役立つポイントを紹介します。

Studioで作れるホバーアニメーションを12パターン紹介。色の切り替え、ラインの伸縮、画像や文字の表示など、ボタンやカードに使える演出の作り方を解説します。

Studioのトグル機能でアコーディオンとドロップダウンメニューを作る方法を解説。ボックスの配置、クリック・ホバーの動作、開閉時の高さやアニメーション設定を紹介します。

StudioのリッチテキストでCMS記事の見出しや本文を編集・装飾する方法を解説。利用シーンと基本操作を紹介し、マークダウン記法を使う際の例も確認できます。

Studioのモーダル機能の使いどころと作り方を解説。開くための要素、モーダルページ、切り替え時の動き、リンク設定を順番に確認し、メニューなどに活用する方法を紹介します。

Studioで要素の前後関係を調整する重ね順（z-index）を解説。設定の考え方と使い方を、画像やボックスを重ねるデザインの活用例とともに紹介します。