コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
BONOをやる理由
ラジオ
ログイン
コミュニティへ
takumi.kai.skywalker@gmail.com
ログイン
始める
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ目次
Figma入門
全
10
本
1.Figma入門シリーズについて知ろう
00
1.Figma入門シリーズについて知ろう
【24年アプデ最新】現役デザイナーが解説!Figma(フィグマ)の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール
1:05:02
【24年アプデ最新】現役デザイナーが解説!Figma(フィグマ)の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
13:24
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
2. バナーをデザインしてみよう
00
2. バナーをデザインしてみよう
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
13:21
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
16:18
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
23:09
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
3.UIをトレースしよう!
20
3.UIをトレースしよう!
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
06:06
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
24:48
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
14:11
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
22:59
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
28:42
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
4. 便利な操作を覚えよう
30
4. 便利な操作を覚えよう
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
19:00
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
8:43
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
08:51
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
11:54
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
13:42
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
トップ
/
Figma入門
/
1.Figma入門シリーズについて知ろう
1.Figma入門シリーズについて知ろう
2023
年
10
月
12
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
これからFigmaを学んでいきます!
まずは全体像を把握してゴールを認識しましょう。
これからFigmaを学んでいきます!
まずは全体像を把握してゴールを認識しましょう。
Figma入門
全
10
本
1.Figma入門シリーズについて知ろう
00
1.Figma入門シリーズについて知ろう
【24年アプデ最新】現役デザイナーが解説!Figma(フィグマ)の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール
1:05:02
【24年アプデ最新】現役デザイナーが解説!Figma(フィグマ)の使い方と便利な基本を解説。UIデザイン、Webデザインで活躍するデザインツール
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
13:24
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
2. バナーをデザインしてみよう
00
2. バナーをデザインしてみよう
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
13:21
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
16:18
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
23:09
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
3.UIをトレースしよう!
20
3.UIをトレースしよう!
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
06:06
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
24:48
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
14:11
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
22:59
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
28:42
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
4. 便利な操作を覚えよう
30
4. 便利な操作を覚えよう
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
19:00
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
8:43
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
08:51
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
11:54
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
13:42
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
閉じる
0
Comments
Active Here:
0
Login
or
register
to join the conversation.
My Profile Image
Logout
Edit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Cancel
0
0
Reply
2
Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
0 Comments