Après avoir utilisé Figma pour créer des interfaces et des expériences utilisateur, les développeurs se retrouvent avec la lourde tâche de coder les conceptions afin de créer des sites Web ou des applications fonctionnels. Locofy, une plate-forme de développement frontend basée à Singapour et soutenue par Accel, souhaite économiser des heures de travail avec un outil en un clic qui transforme instantanément les prototypes Figma et AdobeXD en code.
Le nouvel outil de Locofy s’appelle Lightning et est construit sur les grands modèles de conception (LDM) de la startup. Les fondateurs de Locofy, Honey Mittal et Sohaib Muhammed, comparent cela à la manière dont OpenAI a lancé les LLM avant que ChatGPT ne les présente au reste du monde. Ils ont vu le besoin d’un outil comme Lightning en raison de la pénurie de développeurs qui entraîne une perte de revenus pour les entreprises et des codeurs épuisés, submergés par leurs charges de travail.
Lightning fonctionne comme un plugin Figma et les fondateurs de Locofy affirment qu’il automatise près de 80 % du développement front-end, afin que les développeurs des startups Lean puissent se concentrer sur la gestion de leurs startups et sur leur commercialisation.
L’outil sera d’abord lancé pour Figma, pour les sites Web et les applications Web. Plus tard cette année, il sera disponible pour davantage d’outils de conception, notamment AdobeXD, Penpot, Sketch, Wix et éventuellement Canva et Notion.
Mittal affirme que la société a investi plus d’un million de dollars dans le développement de Lightning, dans le but d’atteindre les startups et les entreprises axées sur le client avec de petites équipes qui ont besoin d’accélérer leur développement front-end. Lightning et ses LDM ont été construits en interne et formés sur un ensemble de données comprenant des millions de conceptions.
L’entreprise a démarré avec Locofy Classic en 2021, ce qui obligeait les utilisateurs à suivre cinq étapes : optimisations de conception ; marquage d’éléments interactifs ; style pour que les conceptions fonctionnent sur différentes tailles d’écran ; des composants et des accessoires pour identifier les éléments répétitifs et les rendre modulaires ; autoriser les modifications du nom de classe ; et s’adapter aux configurations préférées comme TypeScript ou JS.
Mittal et Muhammed ont appris comment chaque étape pouvait être automatisée grâce à une combinaison de techniques telles que les réseaux neuronaux basés sur des images, notamment des transformateurs multimodaux, des réseaux neuronaux basés sur des graphes, des modèles séquence à séquence, des réseaux de pointeurs de pile, des modèles heuristiques et des LLM. Ils les ont utilisés pour construire un grand modèle de conception unifié, avec près d’un demi-milliard de paramètres provenant de millions de conceptions, disent-ils.
Les étapes de Locofy Lightning, y compris le balisage, le regroupement de couches, la réactivité, les composants et les noms de classe, exécutent chacune leur propre combinaison de techniques basées sur l’IA, qui sont ensuite affinées grâce à l’heuristique. Les étapes sont ensuite condensées en une seule, de sorte que Lightning peut être exécuté en un seul clic.
Une fois le code frontal généré, les utilisateurs peuvent le consulter, ainsi qu’un aperçu interactif, et affiner le code avant de l’exporter.
Fondée en 2021, Locofy a levé 7,5 millions de dollars auprès d’investisseurs dont Accel et Northstar Ventures.
À l’avenir, il prévoit d’étendre sa plate-forme au-delà de la conception au code en incluant des outils permettant de créer des systèmes de conception, d’utiliser des bibliothèques d’interface utilisateur publiques et de créer des backends pour les frontends avec des intégrations telles que Github Copilot et CI-CD. Il prévoit également d’inclure un assistant IA pour les concepteurs, ainsi que l’hébergement et les déploiements pour héberger des applications complètes.
Locofy est en version bêta gratuite depuis deux ans, avec des plans de monétisation en 2024. Ses fondateurs ont déclaré à TechCrunch que la génération de code IA est une nouvelle catégorie et que les modèles commerciaux seront différents des autres outils SaaS et de développement. Locofy est encore en train de finaliser ses prix, mais ils seront basés sur des éléments tels que le nombre d’écrans ou de composants convertis en code et entretenus régulièrement avec l’IA.