出演者・セッション

Figmaの基礎からウェブデザイン、
マイクロインタラクションまで学ぶ3回シリーズ
①基礎編:基本操作を学んでバナーを作ろう

Day1

第1回目では、Figmaをこれから始めようと思っている方や初心者の方を対象に、基本的な機能と概念、そしてAdobe XDとの違いについて解説します。

  • 図形の描画: Figmaの基本的な描画ツールを使用して、図形を作成する方法を学びます
  • 画像の配置とマスク: 画像の配置方法やマスクの活用方法を通じて、デザインにおける画像の操作について理解を深めます
  • テキストや色の一元管理「スタイル」: テキストと色のスタイルを一元管理する方法を学んで、一貫性のあるデザインを作成する手法を習得します
  • 再利用可能な要素の作成「コンポーネント」: コンポーネントとは何か、どのように使うかについて解説し、デザインの効率化と一貫性の維持を実現する方法を学びます
  • コンテンツに応じた「オートレイアウト」: Figma独自のオートレイアウト機能を活用し、コンテンツの自動配置や柔軟なレイアウト変更を実現する方法を探求します
  • バナー作成:学んだことを活かしてバナーを作成してみましょう

さらに、Adobe XDと似ている概念から、Figmaならではの便利な機能まで、Figmaの魅力をお伝えします。このセミナーを通じて、Figmaの基礎を習得し、効率的で一貫性のあるデザイン作業を行えるようになりましょう。

松下 絵梨(まつした・えり) ロクナナ

大阪出身大阪在住のWeb/UIデザイナー。東京理科大学理工学部卒業。

2010年よりフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。
講師業や、「Adobe XD ユーザーグループ大阪」、「CSS Nite in Osaka」の運営、セミナー登壇・企業研修にも力を入れている。

2020年に『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』(翔泳社)を上梓。

2023年から株式会社ロクナナ所属。
Figma Community Advocate|Adobe Community Experts|LottieFiles Evangelist


協賛のお願い】イベントの主旨にご賛同いただき、CSS Nite in Kobe に協賛いただける企業・団体を募集しています。

CSS Nite in Kobe 2023 年間協賛

CSS Nite in Kobe, vol.57 スポット協賛