Figma 初心者入門講座：UI3基本操作・フレーム・オートレイアウト解説

「デザインが崩れる」「どこから触ればいいか分からない」をゼロに！2026年最新のFigma基本操作からオートレイアウト、コンポーネント、プロトタイプ入門までを網羅した初心者向けプレイリストです。

「オートレイアウトって何…？」初心者が最初につまずく壁をスッキリ解消！

WebデザインやアプリUIの勉強を始めようとFigmaを開いてみたものの、「フレームとグループって何が違うの？」「オートレイアウトを設定したら急に画面が崩れた…🫠」と手が止まってしまったことはありませんか？この特集では、文字量と枠のサイズをどう扱うかから確認していきます。

Figmaをサクサク使いこなす一番の近道は、最初に**「フレーム（Frame）の構造」と「オートレイアウト（Auto Layout）の余白・サイズ設定（Hug / Fill / Fixed）」**のルールを体で覚えることなんです！ここさえ押さえておけば、後からテキスト量が変わっても自動で気持ちよく整列するUIが作れるようになりますよ。✨

基本操作からオートレイアウト・コンポーネント・アニメーションまでの3ステップ

そこで今回は、基本操作から順に見られるように、日本語で丁寧に解説されている入門チュートリアル7本を3つのグループにまとめました！まずはステップ1で2026年最新の画面操作とUIトレースの基本を掴み、ステップ2で初心最大の難関であるオートレイアウトを徹底マスター。そしてステップ3では、再利用を考えるためのコンポーネントとプロトタイプアニメーションの基礎を学びます。サンプルファイルを触りながら、TuTuと一緒に手を動かしてみましょう！🙌

Excelの経費チェック：重複と分割計上を分ける

経費精算リストで同じ金額を見つけても、いきなり「重複の削除」を押すのはNG！往復交通費や部門別の分割計上を誤って消さないために、COUNTIFS関数や複合取引キー、条件付き書式を使って証憑単位で安全に重複行をあぶり出す手順をTuTuと一緒に整理します。