AI Figma to Codeプラットフォーム HTML、React、Tailwindなど

まったく必要ありません。生成されたコードはすぐに使えます。エディタでコンテンツ・フォント・レイアウトを視覚的に調整し、最終パッケージをエクスポートできます。

現在はVanilla HTML/CSSとTailwind CSSに対応しています。他のフレームワークもロードマップにあります。

はい。プロジェクトはワークスペース内でプライベートです。明示的にインポートしたFigmaフレームのみにアクセスし、他の顧客向けのモデル学習にデザインを使用することはありません。

もちろんです。請求設定からいつでもプランを解約・変更できます。説明は不要です。

はい — Freeプランは永久無料で、基本的なコード生成枠と標準的なFigmaデザインサイズをサポートしています。より大きなデザインサイズや拡張された生成枠、その他のCSS/Reactエクスポート形式が必要な場合にのみ、有料プランへのアップグレードが必要です。

どちらも可能です。エクスポート形式でReactを選べばReactコンポーネントが出力され、6種類のCSS形式（Vanilla CSS、Tailwind CSS、Bootstrap、Bulma、Materialize、Pico CSS）のいずれかを選べば、代わりに通常のHTML/CSSが出力されます。

はい。エクスポートされるのはベンダーロックインのないクリーンでセマンティックなHTML/CSSまたはReactコンポーネントです。ファイルをそのまま自分のコードベースにコピーし、他のコンポーネントやページと同じように組み込めます。

Dev Modeはデザインをレイヤーごとに検査し、自分で組み立てるための数値やコードスニペットを提供します。MarkupGenはフレーム全体を受け取り、完成した、そのまま使えるファイルを出力します。両者は競合するものではなく、補完し合う関係です。

はい。Tailwind CSSは、Vanilla CSS、Bootstrap、Bulma、Materialize、Pico CSSと並ぶ、対応している6種類の出力形式の1つです。

はい。Freeプランは永久無料で、基本の生成枠が利用でき、Figmaデザインの複雑さに制限はありません。より大きな生成容量や他のCSS/React出力形式が必要な場合のみ、有料プランをご検討ください。

無料プランは基本AIモデルで動作します。Starterプラン以上では、より高精度なコードを出力する高度なAIモデルが利用されます。

有料プランでは、AI評価が生成されたページを元のFigmaフレームと比較し、レイアウト、余白、タイポグラフィ、色、コンテンツ、寸法の観点から一致度を0〜10点で評価します。ずれがあれば具体的な修正提案も示すため、精度を推測する必要はありません。

はい。デフォルトで生成されるレスポンシブCSSに加えて、AIに専用のメディアクエリを持つモバイル用レイアウトを個別に作成させ、プレビューしてからデスクトップ用レイアウトとは独立して適用できます。

はい。Businessプランはまさにそのために設計されています。チーム向けの最大生成枠、無制限のプロジェクト数、複数のクライアント案件を並行して進めるチーム向けの専任1対1サポートが含まれます。