
デザインシステム with ピグマ
kindtiger
この講義を通してデザインシステムを構築し、私のデザインワークが持つ爆発的な相乗効果を感じてください。
初級
Figma, Figma Tokens, Design System
非専門家やデザイナーでなくても、Claude DesignとFigmaを活用して、Web UI、提案書、デザインシステムまで自ら作成・修正する方法を学びます。 実務ですぐに活用できるよう、Claude CodeとClaude Designの違いから、インストール、プラグインの活用、コンポーネントベースのUI制作、デザインの修正、および運営中のサービスへの適用方法まで、段階別に実習中心で進めます。 デザインツールが苦手だった開発者・企画者・マーケターも、AIとコンポーネントベースのワークフローを通じて、素早く成果物を作る経験ができるようサポートする講座です。
受講生 274名
難易度 入門
受講期間 無制限
学習した受講者のレビュー
5.0
동해바다
あまりにも早いタイミングで登場したClaude Designだったので、 大したことないだろうとスルーしようとしましたが、 ボムセム(ボム先生)の講義だと知って、とりあえず購入して受講しました。 デザインとウェブ開発の両方を一定水準以上でこなせる方はそう多くないので、 それだけにボムセムの講義には希少価値があると思います。 次の講義も期待しています。
5.0
전성진
初心者から実務者まで、誰にとっても有益な講義です。実務ですぐに使っても問題ありませんし、作業効率も向上しそうです。ありがとうございます。
5.0
황찬욱
滑舌もいいし、内容もいいです。
デザイナーでなくても、Claude DesignとFigmaを活用してウェブ・アプリのUIを直接作成し、修正する方法を習得
提案書・ランディングページ・インタラクティブなWeb画面をAIと共に素早く制作する実習体験
Claude Codeとプラグインを活用してデザイン作業の生産性を高めるワークフローの理解
開発者・プランナー・マーケターも自らデザインの成果物を作成できるAIベースの協業スタイルの体験
運用中のサービスにClaude Designを活用し、迅速にUI試案を制作・改善する方法の習得
非専門家
1人起業家
デザイナー
Claude DesignとFigmaを活用して
Web UI、提案書、ランディングページ、インタラクティブ画面などを自ら作成・修正できるようになり、
デザインシステムの構造や実務ワークフローまで自然に習得することができます。
また、デザインの経験がなくても
理想の画面を素早く視覚化する方法
AIにデザインを依頼する方法
運営中のサービスを効率的に管理する方法
などを実習中心に経験することになります。
Claude Designを使用してデザインシステムを適用し、一貫性のあるデザイン成果物を管理します。
FigmaとClaude Designを使用してデザインシステムを自動生成した後、Claude Designに適用します。
AIを活用して専門的な提案書を迅速かつ効率的に作成する方法を学習します。
コンテンツの構造企画からスライドデザイン、データ視覚化、プレゼンテーション資料の構成まで、実務で即座に活用できる提案書作成プロセスを習得します。
スライドデザイン
ユーザーの視線を釘付けにする詳細ページを企画し、デザインする方法を学習します。
商品分析、セクション構成、ビジュアルデザインまで、実際のマーケティングに活用できる詳細ページの制作過程を体験します。
詳細ページデザイン
スクロールアニメーションとインタラクションを活用し、没入感のあるウェブポートフォリオを制作します。
AIを活用してデザイン案を作成し、最新のウェブ技術を適用して差別化されたポートフォリオを完成させる方法を学習します。
ポートフォリオウェブデザイン
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以上)
全体
27件 ∙ (4時間 8分)
講座資料(こうぎしりょう):
全体
25件
4.7
25件の受講レビュー
受講レビュー 5
∙
平均評価 3.6
受講レビュー 5
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 19
∙
平均評価 4.9
受講レビュー 2
∙
平均評価 5.0
修正済み
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!