Subscribe
Sign in
Locofy Lightning — Figma design to code in 1-click, with large design models
Locofy Lightning converts Figma designs to frontend code in 1-click, powered by LocoAI's Large Design Models (LDMs).
Get responsive, interactive designs & reusable code components with better class names. Then easily sync code to GitHub, or pull into VS Code.
645
Replies
Best
@msohaib @honeymittal Great tool by developers for developers. Thanks for the hard work to make it seamless , high quality and still free! can't wait to see what next that AI can do for the Locofy products!
@msohaib @cuong_nguyen36 Thanks! We still have a long way to go, but your feedback makes it worth it :)
@msohaib @honeymittal What a great tool for frontend developers! I introduced it to my team, and they really love it. Congrats on the launch!
@msohaib @honeymittal This is an outstanding product. Figma is my favorite when it comes to web design, and your product makes it much faster to convert the design into an actual website.
Wow, phenomenal work team! Upvoted. Best wishes for a successful launch today! You've put in the effort, now enjoy the results! ❤️🦄
Launching soon!
@honeymittal congrats on the launch! Looks like a really wonderful platform to move wireframes / figma files into FE code! Curious how you got this in front of 250k devs? Really amazing numbers and I'd love to learn more about your marketing strategy to get there!
@dzaitzow thanks Daniel. Word of mouth has been the biggest driver (as is the case with dev tools). Are you building for devs as well?
Launching soon!
@honeymittal We're not no - we're building for creators (off all sorts) - a no code tool but we're hoping to add some functionality that has previously only been available via custom code etc.
We've pushed the launch a few times but we have a live beta that people are really enjoying using!
Wow Honey! The best tool I've ever seen here on Product Hunt, by far! Probably because I know how hard can be turn ideas/design into code. Hats off mate. It's really impressive!
@german_merlo1 thankyou for your support! Do try the product out! and let us know your feedback! We would love to hear from you. Looking forward to see what you build with Locofy :)
Hey Germán, thanks for your feedback! As you said, we all in Locofy know how hard it can be to turn your idea/design into code and therefore we are happy to have a great way with Lightning to speed this process up for everyone.
@german_merlo1 really appreciate the feedback. This goes on the wall for the team to draw inspiration from. We’re only just getting started - let us know how we can improve the platform! Here to help if you hit any roadblocks.
I didn't think it would work. How could this be real? I had to test it out.
Grabbed a random figma file and signed up. The AI turned it into pretty clean HTML/CSS in about 20 seconds.
Incredible work... I think this is a game changer app.
Congrats on a great launch and building some super impressive tech.
@anthony_latona Thank you so much for trying out Locofy. I will only get better from here 🚀
@anthony_latona thank you for giving it a try. Entire team put in a lot of effort to make it happen, and we're dedicated to continuous improvements. Stay tuned for even more exciting updates!
This is an awesome product. Been waiting for something like this. Congratulations to the team on the launch 🚀
@manab_boruah Thank you for dropping by. Can't wait for you to try Locofy. Let us know how we can support!
Thanks @manab_boruah for your kind words. If you have any feedback or suggestions, we'd love to hear them.
Hey Honey :wave:
Incredible journey from the sounds of it! It's fascinating to see how Locofy Lightning is breaking new ground with AI-powered code generation. The idea of optimizing design-to-code workflows with such precision is truly exciting. I can only imagine the relief of many developers and designers who have been looking for a solution like this.
The level of automation and quality in the generated code appears to be a game-changer. Can't wait to see how it streamlines the design-to-development handoff. Is there a particular feature of Locofy Lightning that you or the team are most proud of?
Cheers to the future of design and development!
Hey Alex, super happy to hear such positive feedback from you.
With Lightning there are many great features. I really enjoy how easy it is to turn my designs into a fully responsive website in just one click.
Please let us know what you enjoy most once you tried Locofy Lightning.
Cheers to the future of lightning fast design and development!
@alex_dulub thanks. Everything we do is to make the designer developer collaboration easier and faster, so really hoping to make progress there. The beauty of Locofy Lightning is the ease of which it lets designer and developers go from design to code, within figma. While easy for the end user, the machinery behind took us 7-8 months of sleepless nights to build and train models on. That makes this more scalable and accuracy will only get better at faster pace than before. Easily the proudest creation yet!
@reallynattu Thanks Nattu - lets get lotties on every website with Locofy :)
Great application of AI - anything to reduce boilerplate work 😅
I've tried similar tools in the past and found that the code components weren't high enough quality to drop into my code base directly. Excited to try this out on our next designs - it seems like you all have unlocked something here.
What has been the trickiest part of making the code codebase-ready?
Hi @cara_jacqueline
The trickiest part of creating high quality code is generally optimising the design structure and adding responsiveness but this is made super easy with our LDM’s that help convert your designs to interactive, responsive and modular code in 1-click. You also have fine grained control over the code generated as we allow you to review all the decisions made by LocoAI.
Compared to most other tools we have a lot more flexibility to customise the components in Locofy and thus we believe that you should be able integrate the exported code directly into your codebase
@mark_lee5 Thanks Mark! Lets build your next website with Lightning! You can buy me coffee while LocoAI does your work :p
Congratulations on the launch Honey and Sohaib! Loved how quick and accurate code is generated by this tool.
One of the best Design-to-code tools in the AI market 🔥
This actually seems pretty cool. Figmas iOS coding (idk about others) is crap 💩 (sorry) but it’s not good. I think if this works and is good it should help but it would be lovely if GPT can code up the whole design you’ve made into whatever you want. Maybe a thought for you.
Super cool tool and such a great time saver! Clean code to work with and responsiveness right from the start. It's game-changer for frontend development, and I highly recommend it to anyone who wants to save time and money, and focus on the core business logic of their products.
@michacassola Thanks a lot for your support! Would love to keep getting feedback from you, so we can keep improving the product. Looking forward to see what you build with Locofy!
I love these type of apps for the opportunities it can provide to web dev. Congratulations on your launch
@hustling_labs Feel free to try the product and do let us know your feedback! Thankyou!
Design to code with 1-Click! We have a lot of Figma files that takes a long time to get it to production. Excited to try this tool out to grow Jobsolv!
@atticusli Awesome. Let us know once you've tried it. Looking forward for your feedback. Thank you 🙌🏻
This looks amazing, but I'm not a developer, so is this sadly above my pay grade...LOL!!!? Q2. Can this be used to build websites for elementor? I have the skills to use Figma to build websites, wondering if this can be used to then convert the design into a website design for Elementor Wordpress?
Great product and good luck on your launch! I love how simple it is to get started and the code generated rewards good Figma design. If you have solid basics down in frontend, the output can be easily polished too. I tried this product for a day and turned a Figma footer design into a frontend component. Definitely a product that got me procrastinating less and reduced my stress overhead.
@tjandranathaniel Thank you for trying out Locofy. Yeah! Good designs mean good code. Definitely makes the code generation more convenient and faster! 💪🏻
Congratulations on the launch!
Just tried beta - converting a frame to NextJS - it was seamless and only took a few minutes. Curious to know how it does with animations - will try it out next!
@iamaatoh Let us know how animations went as well! We would love to help you!
This looks absolutely amazing! Tools like these could be great for teams who don't necessarily have the capability to hire web designers. Congrats on the launch!
@soumilrathi That's the goal! We surely want to help anyone who has less resources and wants to ship code faster! We're here to help you, let us know!
This is one of a new(ish) class of AI tools that enable designers and others using Figma to export their designs DIRECTLY TO CODE. It's f***ing brilliant! So much so that I featured it in my LinkedIn Learning course (https://www.linkedin.com/learnin...) - and it's only gotten better in the last few months since I was working on the course.
Without a doubt, Locofy is going to be a best practice going forward because there is, frankly, no better workflow to go from design to workable code than this. Imagine signing off on designs and almost instantly having it generate React, ReactNative, Vue.js, HTML5, NextJS or Gatsby code (with more languages including Swift and Angular) at the click of a button. And the code is actually workable and customizable (assuming the devs named their components appropriately).
This graph in the Our Integrations section on their homepage kind of says it all and is a mindblower: https://www.locofy.ai/
@drewfalkman Thank you for this feedback and for amplifying Locofy in your course. Definitely couldn't explain it any better. That graph in our website is everything and more will be coming!
@drewfalkman Thank you for this thoughtful comment, Drew. Your course was fantastic! Keep sharing Locofy with your community.
Locofy.ai