Your cart is empty.
Keep shoppingFigmaでレスポンシブWEBデザイン作り方！Figmaの基礎からWEBデザイン実践まで完全サポート
Bestseller
7,971 students
FigmaでレスポンシブWEBデザイン作り方！Figmaの基礎からWEBデザイン実践まで完全サポート
Figmaの基本操作から、PC・タブレット・スマホの３つ画面サイズデザインを作る「レスポンシブWEBデザイン」の作り方と考え方を学べる、初心者＋FIgma乗換えを検討中の現役デザイナーの方向け講座（UI/UXデザインにも応用可）
Created bySTAND 4U
Last updated 5/2026
Japanese
What you'll learn
- Figmaの基本操作
- Figmaならではの便利な機能の使い方とその応用方法
- FigmaでWEBデザインする時の「一連の工程」
- PC版・スマホ版・タブレット版のWEBデザインを作るレスポンシブデザインの作り方
- Figma公式のアプリを使って、スマホの実機でミラーリングしながらデザインする方法
- ページ遷移やアニメーションをつけたメニューの出し方などの「プロトタイプの作成」
- 美しく見やすいデザインにするためのコツ
Explore related topics
Course content
7 sections • 41 lectures • 8h 7m total length
Requirements
- 最低限のパソコンの操作スキル
Description
当講座はFigmaの基本操作から始まり、PC版・タブレット版・スマホ版の３つの異なる画面サイズのデザインを作る「レスポンシブWEBデザイン」の作り方と考え方を、その工程を見せながら一緒に作っていくという、WEBデザイナーを目指す方や、他のツールからFigmaに乗り換えたい方へ向けた動画です。
また単にFigmaの使い方を学ぶだけでなく、美しく見やすいデザインの作り方や今風のデザインを作るには、どのような考え方でデザインすれば良いのか？といったところまで踏み込んで、実際にデザインを作る工程を収録しており、UI/UXデザインにも応用可能です。
Figmaは現在、PhotoshopやXDを超える使いやすさと便利さで、大人気のツールです。
私自身10年以上Photoshopを使ってWEBデザインをしてきましたが、そんな私がFigmaの魅力に取り憑かれ、現在ではPhotoshopとFigmaを使い分けて、両方でWEBデザインをするようになりました！
Photoshopにもその良さはありますが、Figmaにしか無い魅力もたくさんあり、そのFigmaの使いやすさや便利さを余すことなくお伝えしたいと思います。
Who this course is for:
- WEBデザイナーになりたい初心者の方
- PhotoshopやXDなど他のデザインツールからFigmaに乗り換えを考えている人
- Figmaを使った事はあるが、Figmaの能力がイマイチわかっていない人
- FigmaでWEBデザインをするノウハウを学びたい人
- レスポンシブWEBデザインの考え方を学びたい人