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

GPT-5.6がFigma Makeで利用可能になりました

正確な初期結果と迅速な反復操作により、OpenAIのGPT-5.6はFigma Makeでの構築を強力にサポートします。

GPT-5.6がFigma Makeで利用可能になりましたを共有

ラフスケッチから完成度の高いプロトタイプ、さらには本番用コードに至るまで、チームはFigma Makeを活用することで、アイデアから実行までのプロセスをより迅速に進めることができます。本日、MakeにOpenAIの最新モデルである、GPT-5.6を追加しました。初期のテスト結果によると、GPT-5.6の導入により、Makeが初回生成するプロトタイプの品質と速度の両方が向上しています。すっきりとしたUIからレスポンシブなレイアウト、高精細なインタラクションに至るまで、高品質なプロトタイプを迅速に作成できます。

高速に構築してフローを維持する

プロンプトから動作するビルドへと迅速に移行できるため、一度の作業でより多くの方向性を容易に探索・検証できます。私たちのテストでは、GPT-5.6が複雑なデザインであってもこれを確実にこなすことが示されています。例えば、私たちが定期的に実施している評価テストの1つでは、ダークでゴシック調の美学を備えた株価追跡アプリをゼロから作成するモデルの能力を検証しています。最近の実行では、サンプル価格やパフォーマンス数値に加え、キーボードショートカットや検索機能といった新機能も備えたインタラクティブなダッシュボードが生成されました。これらすべてが単一のプロンプト内で実現され、トークン効率も向上しています

GPT-5.6は、ビルドでエラーが発生しても処理を継続します。処理を停止するのではなく、原因を調査して自ら修復するため、正常な結果に到達するまでの試行錯誤が少なくて済みます。あるケースでは、GPT-5.6がビルド結果が空白になる原因を特定し、自ら修正しました。堅実なプロトタイプを早期に完成させることができれば、作業の流れを維持しつつ、チームを早い段階で巻き込み、共にアイデアに対して反応し、磨きをかけ、発展させていくことが可能になります。

プロンプト: 金融ゴシック調のビジュアルデザインを採用した、株式選択アプリを作成してください。黒い背景に、アンバーまたはネオンオレンジのテキストを用いた、密度が高く圧倒的なデータレイアウトを採用してください。スパークライン、ティッカー、モジュラーグリッドは、極度のスピード感と確かな実力を表現するようにしてください。架空の株価ティッカーや銘柄コード、および架空のデータを使用してください。

プロトタイプを既存のデザインに忠実に保つ

GPT-5.6は、デザイン仕様書やFigmaデザインファイルといった既存のデザインから構築するのに優れています。あるテストでは、Figma Designファイルから自然音プレーヤーアプリのプロンプトを始め、再生可能なトラックと音楽コントロールを含めました。提供したデザインには、複数のサウンドクリップが重ねられたマルチトラックのタイムライン、再生コントロール、アートワーク付きのサウンドライブラリを含めました。最初の出力結果は、元のデザインを忠実に再現したものでした。レイアウトや視覚的な階層、余白や比率、スタイリングなどがすべて引き継がれていました。

インタラクションも問題なく機能しました。サウンドプレーヤーでは、再生、一時停止、スキップの各操作がすべて期待通りに機能し、オーディオファイルも正しく再生されました。GPT-5.6 を活用すれば、静的なデザインからインタラクティブなプロトタイプを構築することが、デザインからコードへのワークフローにおいて信頼性の高いステップとなります。

プロンプト: これを実際に動作するオーディオプレーヤーにしてください。右側に表示されるトラックは再生可能な楽曲(自然を連想させるアンビエントサウンド)で、[前]、[再生/一時停止]、[次]の操作を機能させてください。サウンド再生中にオーディオに反応する、波打つような歪みのアニメーション付きシェーダーエフェクトをヒーロー画像に追加し、各楽曲にそれぞれ異なる抽象的なヒーロー画像を設定してください。

高品質な初回出力を作成する

実用的なプロトタイプには、洗練されたデザイン、正常に機能するインタラクション、そして画面サイズに応じて適応するレイアウトが必要です。私たちはGPT-5.6に、本棚の商品カタログを備えたコンテンツ量の多いeコマースサイトを構築するよう、最小限のプロンプトを与えました。最初の出力結果はすっきりとしてプロフェッショナルな仕上がりであり、商品説明、サイズ情報、お手入れガイドなどが含まれていました。

商品説明が事前に入力されたドロップダウンメニュー、本棚用のインタラクティブな写真ライブラリ、クリック可能なメニューなど、すべてのインタラクションも最初から問題なく動作しました。追加のプロンプトがなくても、ビルドは画面サイズに適応して安定に動作しました。

プロンプト: 本棚の商品ページを、モダンでシンプルなデザインで作成してください。また、寸法などの重要な情報については、必ずドロップダウンメニューを追加するようにしてください。

プロトタイプがビジョンにより近い形でスタートすれば、それはチームが共に発展させていくための出発点となります。GPT-5.6がMakeに提供するのは、クラフトを損なうことなく、アイデアから実行へとより迅速に進む方法です。

GPT-5.6は本日からFigma Makeで利用可能です。Makeのモデルセレクターに移動して、GPT-5.6をクリックして試してみてください。

この新しいモデルの選択と活用方法について詳しくは、ヘルプセンターをご覧ください。

Figmaを使った制作とコラボレーション

無料で始める