Locofy.ai

Locofy.ai とは

Locofy.ai はデザインからコードへの変換ツール。Figma や Penpot の原稿をフロントエンドのコードにする。

開発チームへのデザイン引き渡しを繰り返すチーム向けである。

できること

• デザインのページをコードに変換する
• 複数のフロントエンド枠組みを出力先に選ぶ
• 画面構造の初稿を得る
• デザイン引き渡しの時間を減らす

向いている人

• フロントエンドとデザインシステムのチーム
• スタートアップのプロダクトチーム
• デザインからコードへの納品が多いチーム

注意点

• 公開前に開発者が出力を整理し、業務ロジックを組み込む必要がある
• まず実際のページで DOM 構造、スタイルの正確さ、保守性を確認する
• 生成されたコンポーネントは既存のデザインシステムに合わない場合がある
• 現在対応するデザイン元とフレームワークを確認する