12月18日開催｜Figma Sitesで学ぶWeb制作最前線

FigmaがデザインからWeb構築まで担う時代の到来

ブラウザ上で動作するデザインツール「Figma」は、ワイヤーフレーム作成やUIデザイン、プロトタイピング、フィードバック共有といった制作ワークフローを一本化できる点で、多くの制作現場に採用されてきました。近年はさらに進化し、デザインの制作にとどまらず、サイトそのものの構築まで完結できる機能群「Figma Sites」が注目を集めています。

本稿では、株式会社クリーク･アンド･リバー社が2025年12月18日に開催する無料オンラインセミナー「Web制作を変える最新ワークフローを学ぼう！『Figma Sites徹底解説』」の案内と、セミナーで扱われる内容、登壇者や関連サービスの情報を網羅的に伝えます。Figmaを既に業務で利用している方、導入を検討している方、ノーコードでのサイト構築に関心のある方に向けた実務的な情報を整理しています。

• Figmaの機能範囲：ワイヤーフレーム、UIデザイン、プロトタイプ、コメント共有、チームライブラリなど
• Figma Sitesの特性：デザインデータからそのままWebサイトを構築できるワークフロー、テンプレート活用、ノーコード要素の統合
• 期待される効果：デザインと実装のギャップ削減、プロトタイプから本番への移行時間短縮、デザイナー主導のサイト構築の実現可能性

セミナーの開催概要と参加方法

セミナーは完全オンラインでの開催となり、参加費は無料です。定員は60名に設定されていますので、参加を希望する場合は申込みのページから手続きを行ってください。申込み締切は2025年12月18日（木）20:00とされています。

開催日時や申し込みリンクなどの基本情報は以下の通りです。なお、申込ページや問い合わせ窓口は主催のクリーク･アンド･リバー社が案内しています。

日時

2025年12月18日（木） 19:00～20:30

場所

オンライン開催

参加費

無料

定員

60名

申込締切

2025年12月18日（木） 20:00

申込み・詳細

https://www.creativevillage.ne.jp/category/crv_event/169202/

主催／問い合わせ

株式会社クリーク･アンド･リバー社 PEC事務局「キャシさんのFigma講座」セミナー担当
Email：pec_seminar@pr.cri.co.jp

オンライン開催のため地域を問わず参加が可能ですが、定員に達し次第受付終了となる可能性があります。申込みページの案内に従って登録してください。

登壇者と関連書籍

本セミナーの講師を務めるのは、書籍『デザインからサイト構築まで FigmaだけでWeb制作』の著者である馬場快人氏と、UI/UXデザイナー兼講師のすがはらりさ氏です。両氏は現場での実務経験と教育実績を兼ね備え、Figmaを軸とした制作フローの実践的な解説が期待されます。

登壇者のプロフィールと書籍情報は以下の通りです。

• 馬場 快人（BKIND DESIGN）
  神奈川県出身。Webデザインやグラフィックデザインを中心に、写真撮影や講師業も行う。快いデザインをテーマに親切な心と情熱で最高のデザインをめざす。
• すがはら りさ（Riifav）
  山形県出身。UI/UXデザイナー兼デザイン講師。ブランディングを意識した伝わるデザインづくりに取り組んでいる。

書籍『デザインからサイト構築まで FigmaだけでWeb制作』は出版社：日経BP、発売日：2025年11月21日で、詳細は以下のリンクで確認できます。参加者特典として、当日参加アンケートに回答した方の中から抽選で同書がプレゼントされます。

書籍リンク：https://amzn.to/4oVwytM

セミナーで学べる内容と実務的なポイント

プログラムはFigmaの基礎整理から、Figma Sitesを実際に使ってのサイト作成、テンプレートの活用法、注意点の解説、トークセッションと質問コーナー、書籍紹介までをカバーしています。実践を意識した構成で、デザインから構築への移行をどう効率化するかが焦点になります。

以下はセミナー内で扱われる具体的な項目です。各項目について解説と活用上の留意点を示します。

1. Figmaとは？基本の整理

   Figmaの基本概念やプロジェクト管理、チームライブラリの使い方など、共通理解を整えます。デザインファイルの整理やコンポーネント設計の基本は、サイト構築時の再利用性に直結します。

2. Figma Sitesで実際に作成してみる

   実演を通じて、Figma上でページを構築し公開する手順を確認します。プロトタイプから公開までの流れと、デザイン調整やレスポンシブ対応のポイントが示されます。

3. Figma Sitesのテンプレート活用法

   テンプレートの適用方法、テンプレート選定時の基準、カスタマイズ時の注意点などを解説します。テンプレートは作業効率化に有効ですが、レイアウトやアクセシビリティの観点での検証が必要です。

4. 注意すべきポイント

   デザインからサイト化する際の権限管理、外部リソースの取り扱い（画像・フォント）、SEOやパフォーマンスに関する基本的な注意点が説明されます。

5. トークセッション＆質問コーナー

   参加者からの実務的な質問に答える時間が設けられます。現場での適用事例や、導入にかかる工数の見積り、他ツールとの連携についても触れられる予定です。

6. 書籍紹介

   書籍の内容紹介と、書籍を活用した学習方法が示されます。書籍はFigmaを使った設計からサイト構築までのノウハウを体系的にまとめたものです。

主催企業の取り組みと関連サービス

本セミナーを企画・開催する株式会社クリーク･アンド･リバー社（C&R社）は1990年の創設以来、クリエイターに特化したエージェンシー事業やプロデュース事業、ライツマネジメント事業を展開しています。ミッションは「プロフェッショナルの生涯価値の向上」であり、教育やキャリア支援の領域にも注力しています。

今回のセミナーは同社の教育部門PEC（Professional Education Center）が主導するもので、PECはウェビナーのアーカイブを法人向けにパッケージ化したオンライン研修サービス「PECスタ」を提供しています。コンテンツはデザイン、プログラミング、AIなどの最新技術を含む分野を網羅しています。

• C&R社公式サイト：https://www.cri.co.jp/
• PECスタの詳細：https://www.cri.co.jp/news/005792.html
• CREATIVE VILLAGE（イベント情報やeラーニング）：https://www.creativevillage.ne.jp/
• CREATIVE VILLAGE内Figma入門講座（eラーニング／全21回）：https://www.creativevillage.ne.jp/category/crv_event/151513/

同社はまたSNSや動画プラットフォームでの情報発信も行っており、最新のイベント情報やセミナー案内は以下のリンクで確認できます。

• X（Twitter）：https://twitter.com/creekcrv
• Facebook：https://www.facebook.com/creekandriver
• note：https://note.com/creek
• LinkedIn：https://www.linkedin.com/company/cr.creekandriver
• YouTube（会社紹介映像等）：https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg

開催情報の要点まとめ

以下の表は、本記事で取り上げたセミナー情報を整理したものです。参加を検討する際に必要な日時、申込方法、登壇者、参加条件などを一目で確認できます。

本稿では、セミナーの内容や登壇者の情報、主催企業の関連サービスまでを整理しました。参加を希望する場合は、記載の申込みリンクから手続きを行い、申込締切や定員の情報に留意してください。