July 2023 Updates

Learn what’s happening at and stay ahead of the curve through our newsletter.
Cover image

In this month's newsletter, we are quite excited to share the latest happenings at We have curated a wealth of helpful resources for builders, introduced exciting new features, and gathered trending tech updates to keep you ahead of the curve.

At, we take pride in accelerating product delivery for fast-moving teams and individuals. In the past month, we conducted inspiring case studies with startups like Mcookie, who achieved impressive cost savings, amounting to $4000, and Mirime, a UI/UX design agency that optimised their workflow and reduced 70% of the development time.

Additionally, also helped startups such as Scribe Agent and Kanon save over 50% of development time and ship their products faster.

We are also delighted to inform you that "The AI Edge" has featured us as one of the top AI tools of 2023.
Our team has curated a list of CSS properties that will take your web design skills to the next level.

Calendar image

Upcoming Events

Webinar on Incrementally Adopting

Stay tuned for a detailed session covering everything you need to know about adopting into your existing projects as well as some pro tips & tricks in this webinar.

Feature launches image

Feature Launches

Create Components From Scratch in the Plugin

Locofy can auto-detect whether you're syncing components or entire screens, or you can set it up manually. Figma components that are within screens will automatically be suggested as code components once you are inside the Builder.

Check it out →

Conditional Rendering in Props

We're taking the Locofy Builder experience to the next level with the introduction of support for conditional rendering and props. Managing components and props has never been smoother and more intuitive, thanks to our enhanced user interface.

Check it out →

Added Support for the New Figma Properties

We now support Figma's new properties for min and max width and height, as well as wrap and auto-layout – this allows you to set up responsiveness directly in Figma and have it seamlessly convert into code.

Check it out →

Coming Soon: Improved Dev Mode Support

The new improvements allow the users to do Tagging & Auto-tagging in the Dev Mode and accept component recommendations from the Auto-Component wizard, enhancing the code quality massively.

Community image

A Community in Motion

Building a Stocks Dashboard – Figma Designs to Next.js App

Learn how to use to convert Figma designs into production-ready Next.js code. You'll learn how to structure your designs, make them responsive, and export the code, ready to be integrated with your business logic. Push code to GitHub and run the app locally with just a few clicks, all to experience the power of

Check it out →

Our Team Attended the React Nexus Conference

Last month, our team attended the React Nexus Conference, and it was a blast! Our DevRel Lead, Anurag Kanoria, delivered a talk on how to leverage to build cutting-edge React applications, and the team actively engaged with other developers throughout the event.

Check it out →

YouTuber JavaScript Mastery Built a Next.js App Using

In this video, you will learn how to transform a real estate Figma design into a fully responsive and functional application using

Check it out →

In Case You Missed It

Tagging a Menu With a Hoverable Submenu in

In this video, learn how to use to build a sub-menu that appears when hovering over the main menu item. Create a nested frame for the sub-menu and set up a fade-in animation effect for an interactive and visually appealing menu design.

Check it out →

Harnessing Figma's Powerful Properties

In this video, discover the power of Figma Properties as we delve into the essential features that will take your designs to the next level with auto layout, layout directions, padding, alignment, absolute positioning, and responsive constraints.

Check it out →

Creating a 3-Column Section Using Grid Layout in

In this doc, you will learn how to build a responsive 3-column layout section using the advanced CSS properties available in

Check it out →

Keep your loco mode on!
Stay updated on the latest Locofy announcements and product updates

© 2024, Locofy Pte Ltd. All Rights Reserved.