非専門家でも簡単に学べるClaudeデザイン

非専門家やデザイナーでなくても、Claude DesignとFigmaを活用して、Web UI、提案書、デザインシステムまで自ら作成・修正する方法を学びます。 実務ですぐに活用できるよう、Claude CodeとClaude Designの違いから、インストール、プラグインの活用、コンポーネントベースのUI制作、デザインの修正、および運営中のサービスへの適用方法まで、段階別に実習中心で進めます。 デザインツールが苦手だった開発者・企画者・マーケターも、AIとコンポーネントベースのワークフローを通じて、素早く成果物を作る経験ができるようサポートする講座です。

難易度 入門

受講期間 無制限

Figma
Figma
terminal
terminal
figma-plugin
figma-plugin
AI Agent
AI Agent
claude
claude
Figma
Figma
terminal
terminal
figma-plugin
figma-plugin
AI Agent
AI Agent
claude
claude

学習した受講者のレビュー

4.7

5.0

동해바다

100% 受講後に作成

あまりにも早いタイミングで登場したClaude Designだったので、 大したことないだろうとスルーしようとしましたが、 ボムセム(ボム先生)の講義だと知って、とりあえず購入して受講しました。 デザインとウェブ開発の両方を一定水準以上でこなせる方はそう多くないので、 それだけにボムセムの講義には希少価値があると思います。 次の講義も期待しています。

5.0

전성진

60% 受講後に作成

初心者から実務者まで、誰にとっても有益な講義です。実務ですぐに使っても問題ありませんし、作業効率も向上しそうです。ありがとうございます。

5.0

황찬욱

32% 受講後に作成

滑舌もいいし、内容もいいです。

受講後に得られること

  • デザイナーでなくても、Claude DesignとFigmaを活用してウェブ・アプリのUIを直接作成し、修正する方法を習得

  • 提案書・ランディングページ・インタラクティブなWeb画面をAIと共に素早く制作する実習体験

  • Claude Codeとプラグインを活用してデザイン作業の生産性を高めるワークフローの理解

  • 開発者・プランナー・マーケターも自らデザインの成果物を作成できるAIベースの協業スタイルの体験

  • 運用中のサービスにClaude Designを活用し、迅速にUI試案を制作・改善する方法の習得


このような方におすすめです

非専門家


1人起業家


デザイナー


受講後は、単にAIツールの使い方を学ぶだけではなく
「デザインをいかに素早く作り、管理するか」という新しい作業スタイルを理解できるようになります。

Claude DesignとFigmaを活用して
Web UI、提案書、ランディングページ、インタラクティブ画面などを自ら作成・修正できるようになり、
デザインシステムの構造や実務ワークフローまで自然に習得することができます。

また、デザインの経験がなくても

  • 理想の画面を素早く視覚化する方法

  • AIにデザインを依頼する方法

  • 運営中のサービスを効率的に管理する方法


などを実習中心に経験することになります。


講義内容をひと目で理解する


この講義の特徴

Claude DesignとClaude Codeを併用して、効率的なデザインの制作および管理方法について学習します。


クロードデザインにデザインシステムを適用

Claude Designを使用してデザインシステムを適用し、一貫性のあるデザイン成果物を管理します。


Claudeコードを使用したデザインシステムの自動生成

FigmaとClaude Designを使用してデザインシステムを自動生成した後、Claude Designに適用します。

このような内容を学びます

提案書デザイン

AIを活用して専門的な提案書を迅速かつ効率的に作成する方法を学習します。
コンテンツの構造企画からスライドデザイン、データ視覚化、プレゼンテーション資料の構成まで、実務で即座に活用できる提案書作成プロセスを習得します。

スライドデザイン

詳細ページデザイン

ユーザーの視線を釘付けにする詳細ページを企画し、デザインする方法を学習します。
商品分析、セクション構成、ビジュアルデザインまで、実際のマーケティングに活用できる詳細ページの制作過程を体験します。


詳細ページデザイン

インタラクティブ・ウェブ・ポートフォリオ

スクロールアニメーションとインタラクションを活用し、没入感のあるウェブポートフォリオを制作します。
AIを活用してデザイン案を作成し、最新のウェブ技術を適用して差別化されたポートフォリオを完成させる方法を学習します。

ポートフォリオウェブデザイン

3Dウェブポートフォリオ

Three.jsとAIツールを活用して、3Dオブジェクトとインタラクションが含まれた次世代のウェブポートフォリオを制作します。
3Dモデルの活用、アニメーション構成、ユーザーエクスペリエンス設計を通じて、自分だけの独創的なポートフォリオを具現化することができます。

ポートフォリオウェブデザイン

この講座を作った人


私はウェブデザインとフロントエンド開発、デザインシステムを中心に、様々な実務プロジェクトや教育を行ってきましたが、多くの人々がデザインという領域を前にして、簡単に諦めてしまったり難しさを感じたりするのを頻繁に目にしてきました。

そして最近、Claudeベースのデザインワークフローが登場したことで
これらの問題を解決する方法そのものが完全に変わりつつあると感じるようになりました。

今やデザインを専攻していなくても
AIと共に画面を作り、修正し、アイデアを素早く視覚化できる時代になりました。

  • サービスアイデアを素早く画面に作り上げ、

  • ある人は提案書を自ら作成し

  • ある人は繰り返されるデザイン作業の時間を短縮し、

  • ある人はより速く成果物を検証できるようになりました。

ですので、この講義は単にAIツールの使い方を教える講義ではなく、

AI時代に誰もが自分のアイデアを直接表現し、
素早く成果物へと繋げられるようサポートするために作られた講義です。


特にデザインの経験がない人でも
気軽に始められるよう、理論と実習を中心に構成しており、

この講義を通じて、より多くの人々がデザインを難しい専門領域としてだけ捉えるのではなく、

自分のアイデアを形にする経験ができることを願っています!

受講前のご注意事項

実習環境

  • OSおよびバージョン(OS): Windows, macOS

  • 使用ツール:Claudeアカウント(有料)、Figmaアカウント(有料)


学習資料

  • フィグマスライド


前提知識および注意事項

  • デザインの知識がなくても大丈夫です。

  • フィグマとClaude Designを初めて接する入門者の方でも、スムーズに進められるように構成されています。

  • ウェブ・アプリサービスやUIに関心があれば、より楽しく受講することができます。

  • 基本的なコンピュータの使用とインターネットの活用ができれば十分です。

  • Claudeおよび一部のAIツールは有料プランが必要です。

  • 実習は Mac / Windows 環境のどちらでも可能です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • デザイナーではないが、直接ウェブ・アプリの画面や提案書を作成しなければならない開発者・企画者・マーケター

  • デザイン修正一つにもデザイナーや外注への依頼が必要で、もどかしさを感じている実務担当者

  • Figmaとデザインシステムを活用して、開発とデザインの協業効率を高めたいフロントエンドエンジニア

  • 素早くUI案・ランディングページ・提案書を作成しなければならないスタートアップの実務担当者および個人起業家

  • AIを活用してデザインの生産性を高めたい現役デザイナーおよびデザイナー志望の方

  • 運営中のサービスのUIを自ら改善したり、テストしてみたいPM・サービス企画者

  • デザインツールが難しく感じられ、始めることができなかった非専門家および初心者

  • Claude CodeとClaude Designを実務ワークフローに取り入れたい開発者およびクリエイター

前提知識、
必要でしょうか?

  • AIを初めて扱う方でも学習できます。

  • デザインを知らなくても学習できます。

  • フィグマ(Figma)を知らなくても学習できます。

  • 授業でClaudeの有料モデルを使用します(Pro以上)

こんにちは
kindtigerです。

キャリア認証

4,857

受講生

281

受講レビュー

315

回答

4.9

講座評価

6

講座

 

こんにちは、デザインと開発に楽しみを感じながら講義を作っているボム先生です 🙂 オンライン・オフラインの出講依頼は seonbeom2@gmail.com までご連絡ください 🙇‍♂

 

もっと見る

カリキュラム

全体

27件 ∙ (4時間 8分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

25件

4.7

25件の受講レビュー

  • sungjinchun3664님의 프로필 이미지
    sungjinchun3664

    受講レビュー 5

    平均評価 3.6

    5

    60% 受講後に作成

    初心者から実務者まで、誰にとっても有益な講義です。実務ですぐに使っても問題ありませんし、作業効率も向上しそうです。ありがとうございます。

    • ncjang6561님의 프로필 이미지
      ncjang6561

      受講レビュー 5

      平均評価 5.0

      5

      100% 受講後に作成

      ClaudeのデザインとFigmaの連携が本当に便利でした。

      • libn12349467님의 프로필 이미지
        libn12349467

        受講レビュー 2

        平均評価 5.0

        5

        32% 受講後に作成

        滑舌もいいし、内容もいいです。

        • chuing님의 프로필 이미지
          chuing

          受講レビュー 19

          平均評価 4.9

          5

          100% 受講後に作成

          あまりにも早いタイミングで登場したClaude Designだったので、 大したことないだろうとスルーしようとしましたが、 ボムセム(ボム先生)の講義だと知って、とりあえず購入して受講しました。 デザインとウェブ開発の両方を一定水準以上でこなせる方はそう多くないので、 それだけにボムセムの講義には希少価値があると思います。 次の講義も期待しています。

          • mopp04702841님의 프로필 이미지
            mopp04702841

            受講レビュー 2

            平均評価 5.0

            修正済み

            5

            44% 受講後に作成

            これまでなんとなく使ってきましたが、クロードのデザインの使い方を知ることができる有益な講義です。

            似ている講座

            同じ分野の他の講座を見てみましょう!