Découvrez le nouvel outil révolutionnaire de Locofy à Singapour pour créer du code en un clic ! Simplifiez votre processus de conception avec cette innovation incroyable !

Une solution pour faciliter le développement front-end

Après avoir utilisé Figma pour créer des interfaces utilisateur et des expériences, les développeurs sont confrontés à la tâche ardue de coder les designs afin de créer des sites Web ou des applications fonctionnels. Locofy, une plateforme de développement front-end basée à Singapour et soutenue par Accel, souhaite économiser des heures de travail grâce à un outil qui transforme instantanément les prototypes de Figma et AdobeXD en code.

Une réponse à la pénurie de développeurs

L’outil de Locofy, appelé Lightning, repose sur les Large Design Models (LDMs) de la startup. Les fondateurs de Locofy, Honey Mittal et Sohaib Muhammed, le comparent à la façon dont OpenAI a introduit les LLMs avant que ChatGPT les présente au reste du monde. Ils ont constaté la nécessité 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 l’épuisement des codeurs dépassés par leur charge de travail.

Automatisation du développement front-end

Lightning fonctionne comme un plug-in Figma et automatise près de 80% du développement front-end, permettant ainsi aux développeurs des start-ups agiles de se concentrer sur la gestion de leur entreprise et la mise sur le marché.

Expansion vers d’autres outils de conception

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 d’autres outils de conception, notamment AdobeXD, Penpot, Sketch, Wix et éventuellement Canva et Notion.

Un investissement important dans le développement de l’outil

Mittal déclare que l’entreprise a investi plus d’un million de dollars pour développer Lightning, dans le but de toucher les start-ups et les entreprises axées sur les clients qui disposent de petites équipes et ont besoin d’accélérer leur développement front-end. Lightning et ses LDMs ont été développés en interne et entraînés sur un ensemble de données comprenant des millions de designs.

Le parcours de Locofy Classic

En 2021, l’entreprise a lancé Locofy Classic, qui obligeait les utilisateurs à suivre plusieurs étapes : optimisations de conception, balisage des éléments interactifs, adaptation aux différentes tailles d’écran, identification des éléments récurrents et création de composants modulaires, édition des noms de classe et adaptation aux configurations préférées comme TypeScript ou JS.

Automatisation des étapes avec l’IA

Mittal et Muhammed ont découvert que chaque étape pouvait être automatisée grâce à une combinaison de techniques telles que les réseaux neuronaux basés sur l’image, y compris les transformateurs multimodaux, les réseaux neuronaux basés sur les graphes, les modèles de séquence à séquence, les réseaux à pointeur de pile, les modèles heuristiques et les LLMs. Ils ont utilisé ces techniques pour construire un modèle de conception unifié, avec près de 500 millions de paramètres provenant de millions de designs.

Les étapes de Locofy Lightning

Les étapes de Locofy Lightning, y compris le balisage, le regroupement des calques, la réactivité, les composants et les noms de classe, utilisent chacune leur propre combinaison de techniques basées sur l’IA, qui sont ensuite affinées avec des heuristiques. Ensuite, les étapes sont condensées en une seule étape, afin que Lightning puisse être activé en un seul clic.

Revue et ajustement du code généré

Une fois le code front-end généré, les utilisateurs peuvent le revoir, ainsi qu’un aperçu interactif, et ajuster le code avant de l’exporter.

Les projets d’expansion de Locofy

Fondée en 2021, Locofy a levé 7,5 millions de dollars auprès d’investisseurs, dont Accel et Northstar Ventures. À l’avenir, elle prévoit d’étendre sa plateforme au-delà de la conversion de la conception en code en incluant des outils de construction de systèmes de conception, l’utilisation de bibliothèques d’interface utilisateur publiques et la construction d’arrière-plans pour les interfaces utilisateur grâce à des intégrations telles que GitHub Copilot et CI-CD. Elle prévoit également d’inclure un assistant IA pour les designers et des services d’hébergement et de déploiement pour héberger des applications complètes.

Monétisation et modèle économique

Locofy a été en version bêta gratuite pendant deux ans, avec un plan de monétisation prévu pour 2024. Ses fondateurs ont déclaré à nous que la génération de code IA est une nouvelle catégorie et que les modèles économiques seront différents des autres logiciels en tant que service (SaaS) et outils de développement. Locofy finalise encore 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.