出演者・セッション

Figmaの基礎からウェブデザイン、
マイクロインタラクションまで学ぶ3回シリーズ
②実践編:オートレイアウトを活用してウェブデザインを制作しよう

Day2

第2回目のイベントでは、「オートレイアウトを活用してウェブデザインを制作しよう」というテーマで進行します。

  • オートレイアウトの基礎::Figmaのオートレイアウト機能の基本的な使い方と設定方法について学びます
  • スタイル、コンポーネント、変数の活用: 効率的なデザイン作業を実現する方法について解説します。
  • レスポンシブデザインの考慮: 異なる画面サイズやデバイスに対応したレスポンシブなデザインを作成する手法を学びます
  • デザインの柔軟な変更: オートレイアウトを使用して、レイアウトの変更や要素のリサイズなどを容易に行う方法について学びます
  • ウェブデザインの実践演習: オートレイアウトを活用して、ウェブページのデザイン制作に取り組みます

前回のイベントで触れたAdobe XDとの違いやFigmaの特徴的な機能についても改めて紹介します。また、2023年の新機能についても触れます。このセミナーを通じて、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.58 スポット協賛