【2025年更新/UI3解説追加】WebデザインツールFigmaの準備・使い方の基礎から、実際の制作方法まで丁寧に解説！

✍️ 本講座をご覧いただき、ありがとうございます。

• こちらの講座で使用している資料・Figmaファイルは、「外部リソース」からご確認ください。

• いちばん最後のセクションに、FigmaUIのアップデート情報を追加しています。また、こちらのレクチャーにも「Figma UI3 アップデート情報」資料を入れておりますので、自分の画面と違っているのが気になる、という方は先にそちらをご覧ください。

⚠️ こちらの講座はFigmaの英語版を使用して解説しています

英語での情報の方が、日本語に比べて数が圧倒的に多く、わからないワードをそのまま調べることができたり、プラグインに関する情報も多いため英語版での解説となっております。

⚠️ Figmaファイルを使う際の注意点

• Figmaのファイルは「.fig」形式となっています。

• 普通の写真などのようにファイルを開くことはできず、Figmaへのインポートのみ可能です。

• そのため「.fig」ファイルを開こうとすると「書類“Figma WorkShop.fig”を開くために設定されているアプリケーションがありません。」のようなエラーが表示されますが、ファイルに問題はありません。

【2025_追加情報】Figma UI3のアップデート情報を、最後のセクションに追加しました！新しいUIの機能やレイアウトを確認したい場合、先にアップデート情報をご視聴いただくことをおすすめいたします。