2系統の製品構成と役割

Locofy.aiには、UIの所在に応じた2つの製品系統があります。

  • Locofy: Figmaデザインを解析し、各種スタック向けのフロントエンドコードを生成します。独自のデザインモデルを用い、Figmaの画面構造をコードへ変換します。
  • Hexby: 既存のコードベースや、Lovable、Boltなどで生成したアプリをビジュアルキャンバスへ変換します。

AIコーディング環境との連携機能

デザインからコードへの変換にとどまらず、コードをビジュアルキャンバスに取り込んでAIエージェントと反復調整できる設計が特徴です。生成されたフロントエンドコードは、GitHubやVS Codeのほか、CursorやClaudeといったAIコーディングツールへ渡して実装を進められます。

対象ユーザーと適用領域

Figmaを起点にフロントエンドの初期実装を行う開発者や、生成ツールの出力コードを視覚的に反復調整したいエンジニアに適します。CursorやClaudeなどのAIツールを活用した実装フローを組んでいるチームに向いています。