朝までFigma「Figma AIを活用した効率的な自動化テクニック」
Figma AIの特に有用だと感じた機能を使って面倒な作業を自動化し、効率的にデザインやプロトタイピングを行うヒントをご紹介します。
制作実績
Phaseで作るLottieアニメーション
ブラウザで動くアニメーションツール「Phase」で、Lottieアニメーションを作る方法を解説します。
ブログ
AstroとMDXでブログを構築しました
Astroフレームワークのコンテンツコレクション機能を使って、Markdownを拡張したMDXファイルでブログを構築しました。
ブログ
Figmaアップデート解説ウェビナー「新しいUIとAI機能を探る」
Figmaの新しいUIを使いこなすための基礎知識と、Figma AIを活用した効率的なデザインのヒントを解説しました。
制作実績
Figmaアップデート解説ウェビナー「タイポグラフィーの基本と修正に強い文字レイアウト手法」
Figmaにおけるタイポグラフィーの基本と、レスポンシブデザインを意識した文字レイアウト、バリアブルを使ったテキストスタイルについて解説しました。
制作実績
Figmaアップデート解説ウェビナー:新機能「バリアブル」を活用したWebデザイン手法
Figmaの「バリアブル」の機能をより深く理解し、デザインシステムを意識した修正に強いデザインや、エンジニアに伝わりやすいデザインについて解説しました。
制作実績
Figmaで作るマイクロインタラクションとアニメーション
FigmaでWebデザインを行うにあたって、ページ遷移のプロトタイピングだけではなく、ユーザーの印象に残るマイクロインタラクションや、動きを取り入れたコンテンツを制作する手法を解説しました。
制作実績
Figmaアップデート解説ウェビナー:新機能「バリアブル」を活用した、体系的デザインとプロトタイピング手法
Figmaの新機能「バリアブル」を活用した、体系的デザインとプロトタイピング手法について解説しました。
制作実績
WebデザイナーのためのLottieアニメーション実装講座
Lottieを表示させるための基本的なコードから、レイアウト例、アニメーションの制御方法、GSAPライブラリとの連携などを解説しました。
制作実績