Do you have any of these concerns?
Figmaの基本操作は覚えたけど
実務の壁を感じる...
CASE 1
テキスト変更やレスポンシブでレイアウトが崩れ、修正に時間がかかる
CASE 2
見よう見まねでデザインできるが、実務のワークフローが分からない
CASE 3
効率の良い方法が分からず、エンジニアに渡せるデータが作れない
そのお悩み、
クラウドワークス アカデミーに
お任せください
Figma Webデザイン講座【中級】が選ばれる3つの理由
選ばれる理由
１
要件定義から納品準備まで、Web制作の全体像を網羅
実務で迷わない「正しいワークフロー」を！
ただデザインを描くスキルだけでは仕事になりません。本講座では、サイトマップやワイヤーフレームの作成から、トーン＆マナーの策定、エンジニアに渡すためのデータチェック（ハンドオフ）まで、実際のWeb制作現場と同じフローを体験しながら学びます。
選ばれる理由
２
修正に強い「システマチックな設計」をマスター
どんな修正にも耐えうる「論理的なデータ構造」を！
「文字数が増えるとボタンが崩れる」といった悩みを解決します。Figmaの強力な機能である「オートレイアウト」や、スタイル登録、コンポーネント化を徹底解説。デバイスサイズが変わっても自動で追従し、一括でデザインを変更できるプロのデータ構築術を習得します。
選ばれる理由
３
トップから下層まで、一貫性のあるサイトを作り上げる
本物のように動く「プロトタイプ実装力」を！
共通パーツ（ヘッダー等）を活用し、下層ページへ効率的にデザインを展開する手法を習得。さらに画面遷移を再現する「プロトタイプ機能」を使い、実際のWebサイトのように動くポートフォリオを完成させます。
Teacher
講師（監修）
川城 俊樹 氏
株式会社Studio デザイナー
Contents
講座内容
Figma Webデザイン講座【中級】は、基本操作を抜け出し、3週間で「システマチックで美しいWebサイト設計」をマスターする実践プログラムです。
Week 1
check_circleWeb制作の全体ワークフローと、サイトマップ・ワイヤーフレーム作成
check_circleデバイスごとの「コンテンツ幅」と「レスポンシブデザイン」の概念
check_circle修正に強いデータを作る「オートレイアウト」の基本と詳細設定
check_circle実践：オートレイアウトを活用した「カード型デザイン」の作成
Week 2
check_circleキーワード抽出から配色・フォント選定まで「トーン＆マナー」の策定
check_circleデザインを一括管理する「スタイル登録」と「コンポーネント」の仕組み
check_circleワイヤーフレームとトンマナを基にした「トップページ」の実践デザイン
check_circle実際のブラウザでの見え方を確認する「プレビュー機能」の活用
Week 3
check_circle共通パーツを活用した、下層ページ（会社情報等）へのデザイン展開
check_circle開発をスムーズにする「8の倍数ルール」や端数排除などのデータチェック
check_circleページ遷移やアニメーションを再現する「プロトタイプ機能」の実装
check_circleサイト公開時に必須となる「OGP画像」と「ファビコン」の作成
本講座では、動画視聴と課題の学習サイクルを３セット繰り返していきます。
動画学習は個人の時間で行うことが可能です。また、提供コンテンツは講座期間終了後１週間はご利用いただけます。
CrowdWorks Academy
クラウドワークス アカデミー とは
クラウドワークス アカデミーは、日本最大のクラウドソーシング「クラウドワークス」が運営する、副業・フリーランス向けオンラインスクールです。動画編集、Webライティング、Webデザインなど、約30ものスキルアップ講座を提供しています。
ー
特徴
01
株式会社クラウドワークスが運営
700万人以上が登録する国内最大のクラウドソーシング「クラウドワークス」が運営する唯一のオンラインスクール。卒業生が、これまでクラウドワークス上だけで稼いだ報酬は4億円以上！
ー
特徴
02
圧倒的な低価格
「クラウドワークス」で活躍できる副業やフリーランスを輩出することを目的としているため、スクール事業で収益を出す必要のある他社よりも圧倒的な低価格を実現することができます。1講座39,600円で私らしい働き方を。
ー
特徴
03
クラウドワークスのデータに基づくカリキュラム
600万人以上が登録する「クラウドワークス」の保有する莫大なデータを分析し、副業やフリーランスが稼ぐことに特化したカリキュラムを設計。最新のトレンドを押させ、「今」求められているスキル講座を用意しています。
ー
特徴
04
現役メンターによる手厚い個別サポート
皆さまをサポートするメンターは全員現役で活躍を続けるプロフェッショナルです。また、受講中は何度でも質問・相談が可能。さらに、個別面談も実施し、歩むべきキャリアを明確にします。
ー
特徴
05
仲間ができるコミュニティ型
各講座ごとに受講同期生限定のチャットグループを作成。学びや疑問の共有の場を設け、安心して学習が進められる環境を作っています。同期生が一緒に仕事をする仲間となる事例も多々あります。
ー
特徴
06
24時間いつでも学習可能
プロの講師が監修する動画教材や、現役メンターへのチャット質問等、お仕事や子育てのライフスタイルに合わせて何時でも学習を進めていただくことが可能です。
Flow
受講までの流れ
Q&A
よくある質問
