Locofy Introduces Lightning Tool: Convert Figma and Adobe XD Prototypes to Code with a Single Click

2024-01-17

The Singapore-based front-end development platform Locofy has launched an innovative one-click tool called Lightning. This innovative solution seamlessly converts prototypes from Figma and AdobeXD into code. The tool, created by Honey Mittal and Sohaib Muhammed, is based on the startup's Large Design Model (LDM) and is inspired by OpenAI's cutting-edge work in Large Language Models (LLM) and ChatGPT. By simplifying the traditionally tedious process of converting design prototypes into functional code, Lightning allows developers to focus on the more critical aspects of their projects.

Founded in 2021, Locofy has successfully raised $7.5 million in funding from notable investors such as Accel and Northstar Ventures. The funds will be used to expand operations, enhance product development, and strengthen the startup's market influence. Locofy aims to further innovate the industry by providing innovative solutions and establishing meaningful collaborations with key stakeholders.

Compatibility with Major Design Platforms

Lightning was initially launched as a Figma plugin and will soon be available on other design platforms such as AdobeXD, Penpot, Sketch, Wix, Canva, and Notion. This expansion is part of Locofy's plan to become an indispensable tool for startups and enterprises by streamlining workflows and increasing industry productivity. By supporting multiple design platforms, Lightning aims to help small teams accelerate their front-end development process and revolutionize the way small companies approach front-end development.

Five-Step Process: Powered by AI and Heuristics

Lightning's advanced toolkit consists of five main steps: tagging, layering and grouping, responsiveness, components, and class names. These steps integrate AI-based technology and heuristics to ensure a seamless operation and optimize the design-to-code process. By harnessing the power of AI and advanced heuristics, the tool automates tedious tasks and significantly improves the overall quality of design output.

While the pricing structure is still under consideration, Locofy's charges will depend on factors such as the number of screens or components converted into code and the frequency of AI maintenance. This flexible pricing allows businesses of various scales to use and leverage Locofy's services according to their unique needs and budgets. This adaptable cost model enables customers to adjust their platform usage based on the development of their projects.