Figma for デザインシステム <UIデザイナーとして一歩先に行くためのマスター講座>
Figmaの高度な機能を習得してデザインシステムを構築するチュートリアルです。効率性、保守性、拡張性を兼ね備え、実装コードとの連携を視野に入れたUIデザインを作成しましょう!
4.49 (237 reviews)

2 208
students
13 hours
content
Aug 2024
last update
$19.99
regular price
Why take this course?
🌟 Figma for デザインシステム <UIデザイナーとして一歩先に行くためのFigmaマスター講座>
コース概要:
デザインシステムとは、エンドユーザーに一貫した体験を効率的に提供するための「デザインを中心としたプロダクト開発の仕組み作り」のことです。このコースでは、Figmaの高度な機能を習得し、デザインシステムを構築する方法を学びましょう。効率性、保守性、拡張性を兼ね備えたUIデザインを作成し、実装コードとの連携を視野に入れて、先進的なデザインを創出しましょう。
講座内容:
-
デザインシステムの基礎:
- デザインシステムとは何か、その重要性 y 実際のプロダクト開発における役割を理解します。
-
Figmaの高度な機能:
- コンポーネント、スタイル、デザイントークン、バリアント、**バリアブル(変数)**などの概念を学びます。これらは従来のデザインツールには存在しない高度な機能であり、プログラミングの考え方を反映しています。
-
デザイナーとエンジニアの連携:
- Figmaを使って、レイアウトやインタラクションの視覚的な領域から飛び出した後押しを強化する方法を学びます。デザイナーとエンジニアの効果的なコラボレーションを実現します。
-
実践的な学習:
- 「デザインシステムには興味があるけど何から始めてよいか分からない」といった方の参考になるように、具体的な作例を用いて段階的な解説を進めます。Figmaの初歩的な操作方法を理解した方でも、ステップアップで深く学ぶ内容です。
-
デザインシステムへの応用:
- 既存のデザインプロセスを改善し、デザインシステムのコンセプトを理解することで、Figmaの高度な機能を積極的に使いこなす方法を学びます。プロダクト開発を加速させることで、デザインの品質を向上させることが可能です。
コースの特色:
-
実用的な知識: Figmaの初歩から応用まで、実際に使う上で必須の知識を学びます。
-
動画解説: 拙著の『Figma for デザインシステム デザインを中心としたプロダクト開発の仕組み作り』の内容が紙面では伝わりにくい操作方法も、動画で丁寧に解説されます。
-
実践を重視: 理論だけでなく、実際のプロジェクトを通じて学んだ知識を適用し、デザインシステムを構築していきます。
-
コミュニティへの参加: 同じ目的を持つ他のデザイナーと交流し、知識や経験を共有することができます。
ターゲット受諾者:
UI/UXデザイナー、グラフィックデザイナー、プロダクトデザイナーなど、Figmaを使用しているデザイン関連のプロフェッショナルがこのコースに最適です。
このコースで得られる成果:
- Figmaでの高度なデザイン技術の習得
- デザインシステムの構築と管理の実践的なスキル向上
- デザインと開発チームとの連携性の強化
- 先進的なユーザーエクスペリエンスの設計能力の向上
今すぐ始める:
あなたのデザインスキルを次のレベルへと拡大しましょう。この講座でFigmaとデザインシステムの基礎から応用の知識を深く学び、実際のプロジェクトに適用する機会を得てきます。今をこれだ!あなたのキャリアに新たな一歩を踏み出しましょう。
Loading charts...
5931248
udemy ID
18/04/2024
course created date
23/04/2024
course indexed date
Bot
course submited by