KombaiのFAQ
Kombaiとは何ですか？
Kombaiは、デザイナーがFigmaデザインを完璧なフロントエンドコードに簡単に変換できるAI駆動のFigmaからコードへの変換ツールです。深層学習とヒューリスティックモデルを使用してUIデザインを解釈し、ピクセルパーフェクトな精度で高品質のUIコードを生成します。
Kombaiの使い方は？
Kombaiを使用するには、Figmaでデザインファイルを開き、Kombaiにインポートするだけです。このツールは、デザイン内の各コンポーネントのコードを自動的に生成します。生成されたコードをダウンロードし、フロントエンド開発プロジェクトで使用できます。
FigmaからすべてのUIコードを取得できますか？
残念ながら、Figmaは開発者向けに包括的なUIコードを提供していません。いくつかの簡単なCSSプロパティは取得できますが、開発者は依然としてほとんどのUIコードを自分で記述する必要があります。既存のFigmaからコードへのプラグインは、現代のレスポンシブアプリケーションに適さないコードを生成することがよくあります。
Figmaでレイヤーにタグを付けたり名前を付けたりする必要がありますか？
いいえ、デザイン要素に特定の方法でタグを付けたり、名前を付けたり、グループ化したりする必要はありません。Kombaiは、デザインの全体的な視覚的外観に基づいてコードを作成するように訓練されています。
Kombaiを支える技術は何ですか？
Kombaiは、UIデザインを解釈し、UIコードを生成するために特別に訓練された深層学習とヒューリスティックモデルの組み合わせを使用しています。これらの目的特化型モデルは、UIコードを構築する際に開発者が行う推論を模倣します。
Kombaiは公開されているモデルを使用していますか？
いいえ、Kombaiはゼロから目的特化型モデルを構築し、訓練するために多くの時間を費やしました。公開モデルはコードの一部の側面を強化するために使用されていますが、Kombaiのコード出力の大部分は独自のモデルから来ています。
Kombaiはどのフロントエンド言語とフレームワークをサポートしていますか？
現在、KombaiはReactおよびHTML + CSSコードを生成します。また、CSS出力にはバニラCSSまたはtailwindもサポートしています。ユーザーは、KombaiのHTML + CSS出力を、最小限の修正でVue、Svelte、Angular、Djangoなどの非Reactフレームワークで使用することに成功したと報告しています。
Kombaiは無料で使用できますか？
はい、Kombaiは現在公開研究プレビュー中で、個々の開発者にとっては無料です。
Kombaiから生成されたコードが正しく見えません。どうすればよいですか？
生成モデルとして、Kombaiは時折不正確な出力を生成することがあります。特にデザインがあいまいであったり、視覚的な側面に不自然な偏差がある場合です。『再生成』ボタンを使用してコードを再生成するか、デザインプロンプトエンジニアリングを使用してモデルを正しい方向に誘導することができます。