Figmaを使用してユーザーインターフェースやエクスペリエンスを作成した後、開発者はデザインをコード化して機能するウェブサイトやアプリを作成するという非常に大きなタスクに取り組む必要があります。Accelによる支援を受けているシンガポールのフロントエンド開発プラットフォームであるLocofyは、FigmaやAdobeXDのプロトタイプをコードに変換するためのワンクリックツールで、多くの作業時間を節約することを目指しています。
Locofyの新しいツールは「Lightning」と呼ばれ、このスタートアップの「Large Design Models (LDMs)」上に構築されています。Locofyの創設者であるHoney MittalとSohaib Muhammedは、OpenAIがLLMsを開発したことに触発されて、Lightningを開発する必要性を感じました。開発者不足による収益損失や過重労働による開発者の疲労感など、さまざまな課題が存在していました。
LightningはFigmaのプラグインとして動作し、Locofyの創業者はフロントエンド開発の約80％を自動化すると述べています。これにより、リーンスタートアップの開発者は、自身のスタートアップの運営や市場への進出に集中できるようになります。
このツールはまずFigma向けにウェブサイトやウェブアプリ向けに開始されます。そして今年後半には、AdobeXD、Penpot、Sketch、Wix、さらにはCanvaやNotionなど、さまざまなデザインツールに対応する予定です。
Mittal氏によれば、LocofyはLightningの開発に100万ドル以上を投資し、フロントエンド開発を促進するため、スタートアップや顧客志向の企業、小規模チームにリーチすることを目指しています。LightningとLDMは社内で開発され、数百万のデザインデータを基にトレーニングされています。
この会社は2021年にLocofy Classicという製品を開始しました。この製品では、デザインの最適化、インタラクティブ要素のタグ付け、異なる画面サイズでのデザインの機能性、繰り返し要素の識別とモジュール化、クラス名の設定、TypeScriptやJSなどの設定への適応など、5つのステップが必要でした。
MittalとMuhammedは、画像ベースのニューラルネットワーク、マルチモーダルトランスフォーマー、グラフベースのニューラルネットワーク、シーケンスツーシーケンスモデル、スタックポインターネットワーク、ヒューリスティックモデル、LLMsなどの組み合わせによって、各ステップを自動化する方法を学びました。彼らはこれらの技術を使用して統合された大規模デザインモデルを構築し、数百万のデザインから約50億のパラメータを取得しました。
Locofy Lightningでは、タグ付け、レイヤーグループ化、レスポンシブさ、コンポーネント、クラス名など、それぞれがAIベースの技術の組み合わせを使用しています。これらはヒューリスティックとともに微調整されます。そして、これらのステップは1つのステップにまとめられ、ワンクリックで実行できるようになります。
フロントエンドのコード生成が完了すると、ユーザーはそれを確認し、インタラクティブなプレビューとともにコードを微調整してからエクスポートすることができます。
2021年に設立されたLocofyは、AccelやNorthstar Venturesを含む投資家から750万ドルを調達しています。
将来的には、Locofyはデザインからコードへのプラットフォーム拡張を計画しており、デザインシステムの構築、パブリックUIライブラリの使用、GitHub CopilotやCI-CDなどの統合を含むバックエンドへのフロントエンドの構築、デザイナー向けのAIアシスタント、ホスティングとデプロイメントなどの機能を提供する予定です。
Locofyは2年間の無料ベータ版を提供しており、2024年に収益化する予定です。創業者はTechCrunchに対して、AIコード生成は新しいカテゴリーであり、ビジネスモデルは他のSaaSや開発者ツールとは異なると述べています。Locofyはまだ価格を最終決定していませんが、コードに変換された画面やコンポーネントの数、AIによって定期的に保守される項目などに基づいて価格設定される予定です。
元記事はこちら
