Figma Sites
デザイン、プロトタイプ作成、公開に必要なものがすべて1か所に揃っています。
あらゆるデバイスや画面サイズで、常に完璧なレイアウトを提供
思い通りにデザインされたライブウェブサイトの立ち上げが、これまで以上に簡単になりました。
Figma Designフレームを柔軟なレイアウトに変換しましょう
既存のデザインをFigma Sitesに貼り付けるだけで、レスポンシブ対応のコンポーネント、テキスト、自動レイアウトを使って、すばやくWebサイトを構築できます。
既成のブロックを使ってすぐに始める
オートレイアウトが組み込まれたコンポーネントでページの構造を作成しましょう。そこからカスタムスタイルを追加して、唯一無二のウェブ体験を作り上げましょう。
クリック一つでインタラクションを追加
マーキースクロール、カスタムカーソル、ホバーエフェクトなど、使いやすいプリセットインタラクションで生き生きとしたサイトを作成。
「Figma Sitesなら、数分でウェブサイトをデザインして公開できます。私たちが求めていたすべてのものが1つのツールにまとまっています。」
Jace Attard氏、デザインリード
AIでもコードでも、自分のやり方で構築
コードを編集して、サイトをカスタマイズしましょう。どこから手をつければいいか分からない場合は、AIに助けてもらい、インタラクションが形になるのを見守りましょう。
プロンプトで形にしましょう
AIを使って、デザインからまたはゼロからカスタムインタラクションを作成できます。プロンプトでさらに調整を加えることも、コードを直接編集することも可能です。
Figma Sitesでコミュニティが構築しているものをご覧ください
- Lea Filipowicz
- Raul Marin Calleja
- Ana Bolio Ayora
- Sanghyo Yee
Figmaの全機能にすぐにアクセス
これまで以上に強力になったFigmaでは、作成中からリリースに至るまでに必要なすべての作業を1か所で行えます。
Figmaデザインファイルから始める
任意のFigmaデザインファイルから作業をコピーして貼り付ければ、数分でウェブサイトを作成できます。ページレイアウトからタイポグラフィに至るまで、詳細なすべてのデザインを保存しましょう。
デザインシステム使用してより迅速に構築
既存のデザインライブラリ、スタイル、コンポーネントをそのまま使用できます。再構築は不要です。ブランドの一貫性を保ちつつ、効率的にデザインしましょう。
テンプレートを利用する
プロが作成したWebサイトテンプレートを使って、時間を節約しましょう。ここからあらゆるスタイルを構築できます。
1 / 5
イベント情報
大きな活力のための大胆なデザイン。音楽フェスティバルやショー向けのこのテンプレートは、ダイナミックで遊び心のあるデザインでイベントの詳細を共有し、チケットの販売を促進します。
大きな活力のための大胆なデザイン。音楽フェスティバルやショー向けのこのテンプレートは、ダイナミックで遊び心のあるデザインでイベントの詳細を共有し、チケットの販売を促進します。
Shortcutの詳細を見る
Figma Sites: カスタムWebサイトをデザインして構築
私たちは、ツールを切り替える手間なくカスタムでレスポンシブなWebサイトをデザインし、構築するためのオールインワンツール、「Figma Sites」を最近リリースしました。ここでは、デザインからプロダクションまでを最も効率的かつ表現力豊かに進める方法を共有します。
Webを手作りできるスペースを確保する
現在のインターネットの潮流に逆らうように、小規模で手作りのサイトが復活しつつあります。自分で手軽にサイトを作り、このムーブメントに加わりましょう。
Config 2025で 発表された内容
Config 2025で発表されたすべての新製品と新機能をチェックしましょう。また、Figma Sitesを使用して構築されたページで、デザイナーのクリエイティビティが最大限に発揮された作品をご覧ください。