Question 1

Kombaiとは何ですか？

Accepted Answer

**Kombai**は、Figmaデザインを完璧なフロントエンドコードに変換するAI搭載ツールです。開発者の手間を省き、ピクセルパーフェクトなコードを生成することで、デザインを迅速に実現します。

Question 2

Kombaiの特徴は何ですか？

Accepted Answer

* **自動コード生成**: FigmaデザインをHTML、CSS、Reactコードにワンクリックで変換。
* **人間のようなコード構造**: 論理的なdiv構造とReactコンポーネントを生成。
* **フレックスCSS**: ハードコードされた寸法なしで、適切なflexプロパティを適用。
* **高品質なJSコード**: ループや条件分岐を含むJavaScriptコードを生成。
* **フォーム要素の機能コンポーネント化**: ボタン、入力欄、チェックボックスなどを機能的なコンポーネントとして提供。

Question 3

Kombaiの使用例は何ですか？

Accepted Answer

* **Web開発**: デザインから迅速にWebアプリケーションのフロントエンドを構築。
* **メールテンプレート作成**: メールデザインをコードに変換し、効率的にメールテンプレートを作成。

Question 4

Kombaiの使い方は？

Accepted Answer

1. Figmaでデザインファイルを準備。
2. Kombaiにデザインファイルをアップロード。
3. 生成されたコードを確認し、プロジェクトに適用。

Question 5

Figma自体からUIコードを取得できないのですか？

Accepted Answer

Figmaはデザイナー向けの優れたツールですが、実際の開発者にとって有用なコードを提供しません。Kombaiは、Figmaの制限を超えた高品質なコードを生成します。

Question 6

Figmaでレイヤーにタグや名前を付ける必要がありますか？

Accepted Answer

いいえ。Kombaiはデザインの見た目に基づいてコードを生成するため、特別なタグや名前付けは必要ありません。

Question 7

Kombaiの技術的な背景は何ですか？

Accepted Answer

Kombaiは、UIデザインを解釈し、コードを生成するために特別に構築された深層学習とヒューリスティックモデルの組み合わせです。

Question 8

Kombaiは無料ですか？

Accepted Answer

現在、Kombaiは「パブリックリサーチプレビュー」段階にあり、個人開発者は無料で利用できます。