ワイヤーフレーム

スポンサーリンク
プログラミング

Figmaでポートフォリオのデザインを作る実践手順|ワイヤーフレームから仕上げまで

Figmaを使ってポートフォリオサイトのデザインを作る実践的な手順を解説。カラースタイル登録・ワイヤーフレーム設計・ヘッダーとヒーローセクションの作り方・制作実績カードのデザイン・AutoLayoutでのFlexbox的レイアウト・モバイル版の最適化・コーディングへの橋渡しまで丁寧に紹介します。
プログラミング

Figmaの使い方入門|Web制作者がまず知っておきたい基本操作と活用法

Web制作者向けにFigmaの基本的な使い方を解説。フレーム・長方形・テキストの作り方・Altキーで要素間の距離を確認する方法・InspectモードでのCSSコード確認・AutoLayoutでFlexbox的なレイアウト設計・コミュニティテンプレートの活用・コーディング前の構成設計まで丁寧に紹介します。
スポンサーリンク