メインコンテンツまでスキップ

あなたのアイデアをFigma Makeで実現しましょう

AIであなたのアイデアを実現しましょう。デザインから始めて、プロンプトで機能的なプロトタイプを素早く作成できます。

コミュニティのFigma Make作品

さらに表示

新しいアイデアのプレイグラウンド

大胆なアイデアから風変わりで奇抜なもの、そしてごく小さなひらめきまで、あらゆる可能性を探って、本当に価値あるアイデアを見つけましょう。忠実度の高いプロトタイプを作成すれば、見ている人全員にあなたのビジョンが伝わります。

「Foundations」と「UI Library」を持つライブラリモーダルが重なったプロンプトボックス「Foundations」と「UI Library」を持つライブラリモーダルが重なったプロンプトボックス

製品と同じ見た目と雰囲気を維持

Figmaライブラリからスタイリングコンテキストを追加することで、デザインシステムにおけるビジュアルとの一貫性を保ちましょう。カスタムルールを設定したり、フレームを貼り付けたりすれば、Figma Makeがアイデアを形にする上で役立ちます。

詳細はこちら
デザインインターフェースには黄色い背景のアニメーションカウンターコンポーネントが表示されており、h2見出しとして「1,087」が表示され、ページ読み込み時にゼロからカウントアップするように設定されています。質問 説明デザインインターフェースには黄色い背景のアニメーションカウンターコンポーネントが表示されており、h2見出しとして「1,087」が表示され、ページ読み込み時にゼロからカウントアップするように設定されています。質問 説明

プロンプトで洗練されたデザインへ

デザインの中でさらに磨きをかけたい部分を選び、AIに見た目の変更を指示しましょう。自分でデザインやコードの方法がわからなくても、AIがゴールまで導いてくれます。

詳細はこちら

デザインインターフェースには、「すべて」、「生物学」、および「生態学」のフィルタータグによるコンテンツの分類、タイポグラフィーのコントロール、Hepta Slab、Instrument Sans、Instrument Serif、Interの書体が選べるフォントセレクションドロップダウンが表示されています。デザインインターフェースには、「すべて」、「生物学」、および「生態学」のフィルタータグによるコンテンツの分類、タイポグラフィーのコントロール、Hepta Slab、Instrument Sans、Instrument Serif、Interの書体が選べるフォントセレクションドロップダウンが表示されています。

AIのアウトプットを編集して細かく調整

AIとコラボレーションしましょう。コピーの書き直し、画像の差し替え、パディングやマージンの変更など、Figmaが生成した内容をそのまま編集できます。または、プレビューをデザインレイヤーとしてコピーし、Figma Designで継続して反復できます。

詳細はこちら

Supabaseアイコンの横にFigma Makeのアイコンがあり、その下にプロンプトボックスが表示された画面Supabaseアイコンの横にFigma Makeのアイコンがあり、その下にプロンプトボックスが表示された画面

実際のデータを使用してアプリを構築

Figma MakeをSupabaseに接続すれば、アイデアを提供可能なWebアプリに変換できます。コーディングは必要ありません。また、ユーザー認証の追加、ユーザーデータの保存、プライベートAPIの接続などに必要なすべての機能にアクセスできます。

詳細はこちら

Figma Makeは他のFigmaのプロダクトともシームレスに連携

Figma Sitesと組み合わせることで、Webサイトのカスタマイズ、インタラクションのテスト、公開までを簡単に実現できます。Figma Sites内の任意のフレームを選んで、Figma Makeで動きを加えましょう。

詳細はこちら