UIデザインツールのFigmaの使い方を解説しています。
2時間で基本的なところは抑えているので、ぜひチャレンジしてください！
　
▼動画内の素材▼
torikumu.com/member/figma-event/
※オートレイアウトの機能が、Figmaのアップデートにより若干UIが変わっているためご了承ください。
◎動画の目次
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スクールを運営中】
⇒オンラインでも受講できるよ！
creators-factory.com/
▲▲▲▲▲
▼▼▼▼▼
【🔥Webデザインの無料教材が使えます！】
★無料登録で利用してね
torikumu.com/
1. Photoshop基本操作
2.デザイン基礎
3.HTML/CSS基礎
▲▲▲▲▲
▼ LINE公式アカウント登録はこちら
lin.ee/KIYOGk5
【公式 X】
学習に役立つこと発信しております。
/ mr54475519
【公式Instagram】
これからWebの学習を始めたい人は、ぜひフォローしてください。
/ creators_factory
🔥🔥動画で学習できるコンテンツをアップしています🔥🔥
★めっちゃ分かるシリーズ　HTML編★
h • めっちゃわかるHTML/CSS講座
★WEBデザイナーになるためのデザイン基礎講座★
• デザインの必要性と目的について【WEBデ...
★1DAYチャレンジ　HTML/CSS編★
• 【1日目】VSコードでHTML/CSSのコー...
★Web制作の流れについて学びたい方はコチラでシリーズ化しています★
• 何のためにWebサイトはあるのか？
タグ
#Webデザイン #figma #webスクール