SEOではユーザーのニーズや検索意図に沿い、かつ検索されるキーワードが重要です。キーワード調査に使われる“Googleキーラードプランナー”の登録方法、無料版での基本的な使い方を解説します。
Figmaの“オートレイアウト”機能を使うと、柔軟なデザイン・レイアウトを作ることが出来ます。名前にあるレイアウト作りだけではなく、様々なデザイン調整が楽に出来るようになます。作業効率をかなり上げてくれる機能ですので活用していきましょう。
コンポーネントについて最低限の理解は、Figmaでデザイン制作をするには欠かせません。活用できると、作業効率やデザインのクオリティも上がりますよ。「そもそもコンポーネントって何？」というWeb制作未経験の方でもわかるよう、図解たっぷりで解説。
デザイン未経験/初めてFigmaを使う方に、まず覚えて欲しい5つの機能について解説します。実際のWebデザインでも使える、デザインパーツを作りながら、テキストやシェイプ、画像の扱いを学んでいきましょう！
Webデザイン、UIデザインツールとして世界的なシェアを誇るFigma（フィグマ）。無料でも高性能なデザイン機能が使えます。「これからWebデザインを学んでみたい」「デザインツール自体未経験だから、使えるか不安」という方向けに、Figmaのはじめかた、操作画面の見方・基本的な使い方を解説します。
Webサイトの“ダークモード対応”。 難しい設定があるように思われがちですが、実は簡単なCSSだけ実装可能。自動配色ではなく自分でデザインしたダークモード用の表示が作れ、訪問ユーザーにも優しいページになります。ぜひチャレンジしてみて下さい。
CSS変数は正式には『カスケード変数のためのCSSカスタムプロパティ（CSS custom properties for cascading variables）』という「変数感覚で扱えるプロパティ値」。CSSの値を一括で管理することが出来る便利な機能です。CSS変数の作り方、var()関数を使った呼び出し方・使い方を解説します。
Figmaにはフォントサイズやカラーなどを登録することができるスタイル機能、バリアント機能が用意されています。各機能の特徴と使い方、どんな場面で活用できるのかをご紹介します。活用して作業効率をアップさせましょう！