「デザインからサイト構築まで FigmaだけでWeb制作」出版記念 Figmaをもっと活かすためのWebデザイン構築講座開催レポート！｜STUDIO広島

2/15（日）開催レポート！
「デザインからサイト構築まで FigmaだけでWeb制作」出版記念
Figmaをもっと活かすためのWebデザイン構築講座

2月15日（日）、デジタルハリウッドSTUDIO広島で「デザインからサイト構築まで FigmaだけでWeb制作」出版記念 Figmaをもっと活かすためのWebデザイン構築講座を開催しました。

今回の講座では、書籍の著者である濱野将さん、馬場快人さん、すがはらりささんを東京からお迎えし、計17名が参加。
Figmaを「触ったことがある」から「現場で活かす」へ一歩進む、濃密な学びの時間になりました。

講座の中で印象的だったのは、Figmaの機能を「知っているかどうか」ではなく、“どう組み立てると、あとがラクになるか”という視点で学べたことです。

オートレイアウト・制約・コンポーネントは、使い方を知っていても、日々の制作では「とりあえずそれっぽく設定して終わり」になりがち。

ワークでは、

どこに制約をかけると、画面サイズが変わっても破綻しにくいのか

コンポーネント化すると、修正がどれだけ速くなるのか

といったポイントを、実際の画面を操作しながら体験することができました。
操作を進めるごとに「なるほど！」という気づきが生まれ、理解が深まっていく時間となりました。

次に、見た目のデザインを作ることだけでなく、その後の修正や運用までを考えたFigmaの組み立て方が紹介されました。

レイアウトが崩れにくい構造のつくり方

修正が発生したときに素早く対応できる設計

などを体験し、設計の重要性を実感！

「とりあえず形を作る」ではなく、あとから変更があっても対応しやすいデザインを最初から作っておくという考え方を学びました。

最後にFigma Sitesの活用例も紹介され、日々の制作をスムーズに進めるためのヒントが多く得られる内容となりました。

講座の最後には、参加者限定のじゃんけん大会も開催！
勝者には書籍のプレゼントが用意され、会場は大盛り上がりでした。

さらに講座終了後は、登壇者との交流タイムへ。
現役クリエイターに直接、質問や悩みを相談できる時間となり、参加者のみなさんも大満足の様子でした。

学びだけでなく、「楽しい」「つながれる」時間も、デジタルハリウッドSTUDIO広島ならではの魅力です。

「オートレイアウトやコンポーネントの説明がとても分かりやすく、基礎を改めて整理できました。」
「触りながら学べて楽しかったです！実践を通して理解が深まりました。」
「Figma Sitesを初めて知りました。これから使ってみたいと思います！」
「Figmaは大まかに理解しているつもりでしたが、イベントに参加して新しい使い方を発見できました。これまでデザインに時間がかかっていましたが、これからはより効率的に作業を進められそうです。」
「デザインを「構築する」という考え方が学べて、今後の制作に活かしたいと思いました。」

「知ってるつもり」だったところが、ワークで腹落ちすると、次の日からの制作スピードが変わりますよね。