Figma Config 2025:Sites/Draw/Make/Buzz解説

Design

この記事の注目ポイント: 元記事は創業CTOの個人的な回顧録で、”1年が10年分に感じられた”といった体験記的な内容だよ。プロダクトの具体的な新機能紹介や独自の技術解説は含まれておらず、個人的な振り返りが中心なんだ。

ここからは別件で発表されたFigmaのConfig 2025発表を、デザインと開発の現場目線で「3分で読めるように解説するよ」。実務で役立つポイントに絞ってサクッとまとめるね。

深掘り解説

Config 2025で発表された主な新要素は、Figma SitesFigma DrawFigma Make、そしてFigma Buzzだよ。

  • Figma Sites: デザインから本番サイトまでつなぐ機能。Auto LayoutやGrid(レスポンシブ配置の仕組み)、ブレークポイント対応、インタラクティブプロトタイプ、CMS連携(近日)でデザイン→実装の距離を縮める狙い。
  • Figma Draw: ベクター編集が大幅強化。マルチセレクト、Shape Builder、lassoでの精密編集、ダイナミックストロークやテクスチャなど表現力が増して日常作業が速くなるよ。
  • Figma Make: プロンプトからUIやアニメーションを生成するAI支援ツール。アイデア出しやプロトタイプ作成がぐっと速くなるのが狙いで、検証サイクル短縮に役立つ。
  • Figma Buzz: マーケ・ブランド向けテンプレート群。デザイナーとマーケの連携をスムーズにして、SNSやブランド資産の制作を効率化する。

専門用語の補足: Auto Layoutは要素の自動配置ルール、Dev Modeはデザインからコードを取り出す開発者向け表示モードのことだよ。Design Systemは共通の部品とルールをまとめたものね。

現場で重要なポイントは次の通り。まず、ツール統合でコンテキストスイッチが減ること。デザイナーが作ったプロトタイプをそのままサイト化したり、コード抽出が改善されれば手戻りが減るよ。

次に、AI支援(Make)でアイデア→プロトタイプの時間が短縮される点。早く試作できればユーザーテストの回数を増やせて品質向上につながるんだ。

ただしコミュニティの反応には注意点も。機能が増えすぎて「コア体験が散漫になる」「初心者が混乱する」といった声や、Dev Modeの扱い(権限や有料化の懸念)を心配する声もあるよ。

まとめ

要するに、Config 2025はデザイン→プロダクト化の流れをより短く・強くする方向のアップデートだよ。Sitesでプロトタイプを本番に近づけ、Drawで日常表現を高速化、Makeで検証サイクルを回す──この3つが現場の武器になる。

まずは気軽に試してみてほしいのは、Drawのベクター強化と、プロトタイピングでのSitesのレスポンシブ挙動チェック。小さなプロジェクトで試して、チームのワークフローにどう組み込めるか確認するのがおすすめだよ。

参考リンク


※内容の正確性には万全を期していますが、最新の仕様や公式情報については、必ず上記の参考リンク先をご確認ください。

タイトルとURLをコピーしました