【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす

【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう

【Figma】Wrap機能解説/レスポンシブなデータをFigmaで作成するチュートリアル【無料】

#8 ついに完成！Figmaになれたら次にやるべきUIデザインの勉強法！

#7 コンポーネントとして繰り返し使えるツイートUIをデザインしよう - Figmaの使い方チュートリアル

#6 『ツイート作成』UIをデザインしよう！しよう - Figmaの使い方チュートリアル

#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう！ - Figmaの使い方チュートリアル

#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル

#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル

#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう！ - Figmaの使い方チュートリアル

#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする

#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】

#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】

#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】

#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】

#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】

#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】

#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】

#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】

#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】

【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介

【Figma】使い方講座#4:バナーをつくろう！ - サイズの調整方法を身につけてバナーを完成させる

使い方講座#3:バナーをつくろう！- オブジェクトの配置&ツールの構造を知る

使い方講座#2:バナーをつくろう！ - デザインする前にセットアップ。管理画面の使い方を知る