Figmaで人に渡して恥ずかしくない「HTMLコーディングしやすい」デザインデータを作る手順

当講座は、「Figmaで人に渡して恥ずかしくないHTMLコーディングしやすいデザインデータを作る手順を知りたい！」という悩みを持つ、FigmaでWEBデザインの仕事をするすべての方へ向けて、分かりやすく丁寧にまとめました。

Figmaのデザインデータを、コーダーや他のデザイナー・ディレクター達に渡して恥ずかしくない、HTMLコーディングしやすいデータにするには、まずFigmaのデータをHTMLの構成に近いデータにする必要があり、その為のHTMLの基礎知識やHTMLコーディングする時の流れや考え方から学んで、Figmaをどのような構成で作ればいいかを学びます。

その上で、変数やスタイル、コンポーネントやバリアント、８の倍数でデザインする流れなど、Figmaの数々の便利な機能を利用しながら、できるだけ効率よくミス無く作るための手順を学びながら、パソコン版とタブレット版とスマートフォン版の３つのデバイス用のレスポンシブデザインを一緒に作りながら学んで、最後にHTMLコーディングする際に必要な情報をFigmaデータから取得する方法まで学べる講座です。