Figma Web Design: Build a Mobile Portfolio Prototype from Scratch
Learn UI/UX design in Figma by building an interactive mobile portfolio website, starting from layout fundamentals to modern responsive prototyping.
-
💬
AIインストラクター
どのレッスンでも質問すれば、いつでもすぐに分かりやすい答えが返ってきます。 -
🕐
いつでも開始
スケジュールも締め切りもなし。自分のペースで、好きなときに学べます。 -
🌐
日本語で
レッスン、課題、修了証まで、すべてあなたの言語で。
このコースについて
Embarking on a career in web design does not require years of academic study when you can learn by doing. This text-based guide helps you master the core tools of UI/UX design through structured, practical reading. By following along with clear written explanations and step-by-step design exercises, you will design a fully interactive mobile portfolio website. You will transition from a complete beginner to a confident designer capable of structuring modern layouts and creating functional prototypes.
What you'll learn:
- Understand foundational web design terminology, layout grids, and visual hierarchy principles.
- Navigate the Figma interface, starting from account setup to configuring your canvas and design workspace.
- Apply modern design workflows including auto-layout, components, and basic design systems for consistent styling.
- Design a mobile-first user interface with accessible typography and high-contrast color choices.
- Create an interactive, clickable prototype of a multi-page portfolio website.
- Practice structuring design files for seamless collaboration with developers.
The course starts with essential design theory and interface basics before guiding you through the step-by-step creation of your mobile portfolio. Each module provides clear written instructions and practical design challenges to reinforce your skills. This course is designed specifically for beginners with no prior design experience or coding knowledge. Start reading today and take your first step toward a career in web design.
得られるもの
-
📜
修了証
LinkedInプロフィールに追加 -
💬
パーソナルAIチューター
レッスンで詰まった?組み込みチューターにいつでも何でも聞いてみよう。 -
♾️
無期限アクセス
いつでも再開可能、有効期限なし -
📱
スマホでもPCでも
どこでもどんな端末でも -
💸
14日返金保証
理由を聞きません -
⚡
短く要点だけ
3時間の実践的な内容
レビュー
まだレビューはありません — 最初の体験を共有しましょう。
よくある質問
このコースを受けるには何が必要ですか? +
インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。
支払い方法は? +
Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。
返金できますか? +
はい — 14日以内なら理由を問わず全額返金。
いつまでアクセスできますか? +
ずっと。購入後はあなたのもの。いつでも見返せます。
修了証はもらえますか? +
はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。
こんな分野の方に
テック
デザイン
金融
マーケティング
医療
教育
ホスピタリティ
製造業