Figmaのオートレイアウトを基礎から完全に理解してレスポンシブなデザインを作ろう！
Requirements
- Figmaを無料ダウンロードしておいてください
Description
Figmaのオートレイアウト機能を基本から学べます。
オートレイアウト（Auto Layout）では、コンテンツに合わせて変化するフレームを作成できる機能です。
オートレイアウトを使えば格段にデザインスピードが上がります。
例えば、レスポンシブコンポーネントを使えばテキストの変更に合わせて自動的にサイズが変化するボタンやカードなどを作成できます。素早く順番を入れ替えられるメニューやリストを作成だって可能です。
今回はAuto Layoutを使って、より柔軟なデザインを作成する方法をご紹介します。
一緒にオートレイアウトの組み方を操作しながら学んでいくので分かりやすい講座になっています。
※本講座ではFigmaの基本操作やダウンロード方法は学びません。完全に「オートレイアウト」の機能に限定しています！
Who this course is for:
- Figmaを使ったプロデザイナーになりたい方
- エンジニアの方で簡単にデザインコードを抽出したい方
- ディレクターの方で作業を効率化したい方
- システムデザイン、アプリデザイン、ウェブサイトデザインをしている方
- Figmaを始めたばかりで一押しの機能オートレイアウトをまだ知らない方
Instructor
- 3.9 Instructor Rating
- 2,224 Reviews
- 10,231 Students
- 69 Courses
始めまして、WEBデザイン一筋のヤスダ先生です。
今まで、100本以上のWEBデザインや有名なアプリデザインを作成してきました。現在は自身でHP制作会社を経営しています。
私はこの仕事が「天職」だと思っています。
しかし、ここまで来るまでには私も紆余曲折ありました。
新卒で入った会社が合わず転職するも人間関係で辞めてしまう..
負の連鎖でした。
そんな時に出会ったのが「WEBデザイン」。
最初は、ミーハーな気持ちでなんかお洒落そうという軽い気持ちで始めました。本格的な学校に通ったことはなく、未経験で独学で習得していきました。
今では誰もが知る大手企業様のWEBサイトやアプリを多く手掛けています。HP制作会社では客さんが途絶えません。
デザインだけではなく仕事の取り方や0からフリーランスで生きていく方法など実践的な講座をお届けします。
私が作成する講座はほとんどが、初心者の方が0からWEBデザイナーを目指すことがでるようになっております。ぜひ、皆さんをこの素敵な世界にお連れできればと思っています。
＜経歴＞
・WEBデザイナー歴5年
・UIデザイナー歴5年
・大手企業様のWEBサイト制作を多数制作
・自社にてHP制作会社を運営
・ウェブデザインスクールも開講し多くの受講生を担当
＜ツール＞
・AdobeXD
・figma
・HTML/CSS
・Wordpress
・illustration
・Photoshop
私も未経験から始めたので大丈夫！常に皆さんの目線に立って分かりやすい説明を心がけています♪