Design

Figmaのオートレイアウトを基礎から完全に理解してレスポンシブなデザインを作ろう!

Figmaの一番の見どころであるオートレイアウト機能。まだ使っていない方は損ですよ!手戻りを防げて余白もきれいに沿ってより、統一されたデザインが仕上がります。0から未経験の方向けに丁寧にお伝えしています。

What you will learn

  • オートレイアウトを0から行う方法
  • オートレイアウトでレスポンシブデザインを作る方法
  • オートレイアウトで一気に余白を調整する方法
  • オートレイアウトを使って一緒にレスポンシブなコンポーネントを作成

Description

Figmaのオートレイアウト機能を基本から学べます。

オートレイアウト(Auto Layout)では、コンテンツに合わせて変化するフレームを作成できる機能です。

オートレイアウトを使えば格段にデザインスピードが上がります。



例えば、レスポンシブコンポーネントを使えばテキストの変更に合わせて自動的にサイズが変化するボタンやカードなどを作成できます。素早く順番を入れ替えられるメニューやリストを作成だって可能です。


今回はAuto Layoutを使って、より柔軟なデザインを作成する方法をご紹介します。

一緒にオートレイアウトの組み方を操作しながら学んでいくので分かりやすい講座になっています。


※本講座ではFigmaの基本操作やダウンロード方法は学びません。完全に「オートレイアウト」の機能に限定しています!

このコースの対象受講者:

  • Figmaを使ったプロデザイナーになりたい方
  • エンジニアの方で簡単にデザインコードを抽出したい方
  • ディレクターの方で作業を効率化したい方
  • システムデザイン、アプリデザイン、ウェブサイトデザインをしている方
  • Figmaを始めたばかりで一押しの機能オートレイアウトをまだ知らない方
 - Figmaのオートレイアウトを基礎から完全に理解してレスポンシブなデザインを作ろう!
  • Udemy teacher
  • 日本語
  • 2
  • 1634
  • 2022-03-22