Figma AIデザイン生成ツール：
テキストプロンプトを編集できるFigmaデザインに

Figma Communityから無料のCodia AI DesignGenプラグインをインストールし、任意のFigmaデザインファイルで実行します。無料のCodiaアカウントでサインインし、「サイドバーナビゲーション、統計カード、データテーブルのあるダッシュボード」のように作りたいページや画面を説明すると、プラグインがキャンバス上に編集可能なオートレイアウトのフレームとして作成します。あとは通常のFigmaデザインと同じように編集できます。

はい、無料で始められます。無料プランには毎月5 AIプロンプトクレジット、数ページを作れるワークスペース、手動モードでの毎月のブロックエクスポート枠、デスクトップ・タブレット・モバイルのブレークポイントが含まれ、クレジットカードは不要です。有料プランではプロンプトクレジット、ワークスペース、ページ数が増え、手動モードのブロックエクスポートが無制限になり、優先サポートも受けられます。

ランディングページ、ダッシュボード、アプリ画面のほか、ヘッダー、機能紹介グリッド、料金表、フッターなどのセクションを生成できます。プロンプトにページの種類と必要なセクションを具体的に書くほど、イメージに近い結果になります。自分でページを組み立てたい場合は、手動モードで既製のブロックを使えます。

はい。すべてのデザインにデスクトップ、タブレット、モバイルデバイス向けの最適化されたレイアウトが自動的に含まれます。AIは異なる画面サイズ間でコンテンツがどのようにリフローすべきかを理解し、適切なレスポンシブデザイン原則を適用します。

はい。ライトテーマとダークテーマを切り替えたり、カスタムのブランドカラーを適用したりでき、生成されたコンポーネント全体に一貫して反映されます。作成されるのは通常の編集可能なFigmaレイヤーなので、その後は他のデザインと同じように自分のテキストスタイル、カラースタイル、コンポーネントを適用できます。

はい。Codia AI DesignGenはFigmaの無料プランを含むすべてのFigmaデザインファイルで動作し、必要なのは無料のCodiaアカウントだけです。Figmaプラグインはスマートフォンでは動かないため、Figmaデスクトップアプリかパソコンのブラウザ版Figmaでご利用ください。