ステップ 1. フレームを作成する

Figma Makeでゼロから作成するか、Figma Designの既存フレームを使用できます。

ステップ 2. アプリについて説明する

自然言語のプロンプトを使用して、望むレイアウト、フロー、機能を定義します。

Figma Makeがプロンプトをインタラクティブなプロトタイプに変換します。

レイアウトを微調整したり、アニメーションを追加したり、ロジックを調整したりするには、再度プロンプトを入力します。また、エディターで直接修正することもできます。

やりたいことをプロンプトで指示すれば、コードに変換して、アイデアを実現できます。

開発部門にバックログはもう必要ありません。自然言語のプロンプトでコンセプトを具現化し、インタラクティブなフローやダッシュボード、アプリ一式を生み出しましょう。

プロンプトからスタートし、ビジュアルエディターで調整。コードを修正してコントロールを強化したり、別のプロンプトで新たな方向を探ったりできます。

設計ツールと開発ツールを切り替えることなく、1つのワークスペースで作成、テスト、改良を流れるように行うことができます。

バックエンドに接続し、ユーザーが生成した公開データを用いてアプリの見た目と動作を正確にプレビューできます。

メーカー、デザイナー、PMの皆様が、Figma Makeを活用して、社内ツールから製品MVPに至るまで、どのようにノーコードのWebアプリを構築しているかをご覧ください。