UIデザインツールのFigmaの使い方を解説しています。
2時間で基本的なところは抑えているので、ぜひチャレンジしてください！
※オートレイアウトの機能が、Figmaのアップデートにより若干UIが変わっているためご了承ください。
▼動画内の素材▼
https://torikumu.com/member/figma-event/
マシュマロで質問を受け付けています。
今回の動画に関する質問は、YouTubeのコメントにお願いします。
https://marshmallow-qa.com/x53yazu105ym8rf?
t=yeqVtJ&utm_medium=url_text&utm_source=promotion
◎動画の目次
0:22：Figmaについて
5:15：Figmaの準備をしよう
7:34：Figmaのデザインパネル
14:07：シェイプツールを使おう
27:03：テキストツールを使おう
34:19：ペンツールを使おう
36:59：画像の取り扱いについて
46:32：素材の書き出しについて
46:32：素材の書き出しについて
50:44：簡単なサイトをデザインしてみよう
1:09:43：スタイル登録の使い方
1:13:20：オートレイアウトを活用しよう
1:26:24：コンポーネントを活用しよう
1:36:41：プロトタイプ
1:40:04：共有機能
1:43:11：ページ機能を活用しよう
1:47:08：便利なプラグインを使おう
1:52:35：ローカルデータとして扱う方法
▼▼▼▼▼
【👇卒業がないWebスクールを運営中】
⇒オンラインでも受講できるよ！
https://creators-factory.com/
▲▲▲▲▲
▼▼▼▼▼
【🔥Webデザインの無料教材が使えます！】
★無料登録で利用してね
https://torikumu.com/
1. Photoshop基本操作
2.デザイン基礎
3.HTML/CSS基礎
▲▲▲▲▲
▼ LINE公式アカウント登録はこちら
https://lin.ee/KIYOGk5
【公式 X】
学習に役立つこと発信しております。
https://twitter.com/Mr54475519
【公式Instagram】
これからWebの学習を始めたい人は、ぜひフォローしてください。
https://www.instagram.com/creators_factory/
🔥🔥動画で学習できるコンテンツをアップしています🔥🔥
★めっちゃ分かるシリーズ HTML編★
hhttps://youtube.com/playlist?list=PLJ9sNfseCOzKOwnKrHO34DJR7INHEraa7
★WEBデザイナーになるためのデザイン基礎講座★
https://www.youtube.com/watch?v=ogLo7RXe3z4&list=PLJ9sNfseCOzIkGeDGhGUa9iztTN_ebgfb
★1DAYチャレンジ HTML/CSS編★
https://www.youtube.com/watch?v=-PWsjuamB4s&list=PLJ9sNfseCOzLnIZnYfjLdOt8B8_eG1_M2
★Web制作の流れについて学びたい方はコチラでシリーズ化しています★
https://www.youtube.com/watch?v=x2YYqVcy2Xw&list=PLJ9sNfseCOzKEyET_x7YzeinnCrg7NA5F
タグ
#Webデザイン #figma #webスクール