Portfolio Design and Publishing with Figma and Framer — WalkSelf
⏱ 2時間42分 📚 27レッスン

Portfolio Design and Publishing with Figma and Framer

Learn to design a responsive personal portfolio in Figma and bring it to life as a fully functioning website using Framer.

  • 💬 AIインストラクター
    どのレッスンでも質問すれば、いつでもすぐに分かりやすい答えが返ってきます。
  • 🕐 いつでも開始
    スケジュールも締め切りもなし。自分のペースで、好きなときに学べます。
  • 🌐 日本語で
    レッスン、課題、修了証まで、すべてあなたの言語で。

このコースについて

Having a professional online presence is essential for showcasing your creative work, yet the transition from design to a live website can feel overwhelming. This text-based course guides you through the entire process of planning, designing, and launching your personal portfolio. You will transition from conceptualizing your unique brand to structuring a responsive layout, and finally publishing a live website. By reading through practical explanations and studying design patterns, you will understand how to translate static layouts into interactive, web-ready pages. What you'll learn: - Understand foundational web design principles, including layout grids, typography, and color theory. - Design a responsive portfolio layout in Figma from scratch using modern design systems. - Translate Figma designs into Framer by understanding box models and layout structures. - Apply mobile-first design practices to ensure your portfolio looks great on any screen size. - Configure interactive elements, navigation menus, and transitions within Framer. - Publish and optimize your live portfolio website using custom domains and basic SEO settings. The course begins with the core terminology of web design and portfolio planning, establishing a strong structural foundation. You will then progress through step-by-step written guides that walk you through Figma design workflows, Framer conversion techniques, and final publishing steps. This course is designed for absolute beginners, aspiring designers, and creatives who want to build their first portfolio website without needing to write complex code. No prior design or development experience is required. Start reading today and take control of your professional online presence.

得られるもの

  • 📜 修了証
    LinkedInプロフィールに追加
  • 💬 パーソナルAIチューター
    レッスンで詰まった?組み込みチューターにいつでも何でも聞いてみよう。
  • ♾️ 無期限アクセス
    いつでも再開可能、有効期限なし
  • 📱 スマホでもPCでも
    どこでもどんな端末でも
  • 💸 14日返金保証
    理由を聞きません
  • 短く要点だけ
    2時間42分の実践的な内容

レビュー

まだレビューはありません — 最初の体験を共有しましょう。

レビューを書く

送信後にサインインを求めます — 下書きは保存されます。

他の受講者はこれも

よくある質問

このコースを受けるには何が必要ですか? +

インターネットに接続したスマホかパソコンだけ。インストールも特別な機材も不要です。

支払い方法は? +

Stripe経由のカードで。カード情報は当社では保存せず、Stripeが安全に取り扱います。

返金できますか? +

はい — 14日以内なら理由を問わず全額返金。

いつまでアクセスできますか? +

ずっと。購入後はあなたのもの。いつでも見返せます。

修了証はもらえますか? +

はい。修了するとLinkedInプロフィールに追加できる修了証を受け取れます。

こんな分野の方に
テック デザイン 金融 マーケティング 医療 教育 ホスピタリティ 製造業