Locofy is an AI-powered design-to-code platform that turns production Figma and Penpot UI into clean, component-based frontend code for modern frameworks such as React 19, Next.js, Vue, Angular, Gatsby, HTML/CSS, React Native and Flutter. Instead of generating throwaway prototypes, its LocoAI Large Design Models focus on developer-friendly structure, responsive layouts and semantic markup that can drop straight into existing repositories Teams plug it in as a Figma or Penpot plugin, then refine behaviour in the Locofy Builder and sync directly to GitHub or a VS Code workspace https://www.locofy.ai/
—
HDMI® Technology is the foundation for the worldwide ecosystem of HDMI-connected devices; integrated with displays, set-top boxes, laptops, audio video receivers and other product types. Because of this global usage, manufacturers, resellers, integrators and consumers must be assured that their HDMI® products work seamlessly together and deliver the best possible performance by sourcing products from licensed HDMI Adopters or authorized resellers. For HDMI Cables, consumers can look for the official HDMI® Cable Certification Labels on packaging. Innovation continues with the latest HDMI 2.2 Specification that supports higher 96Gbps bandwidth and next-gen HDMI Fixed Rate Link technology to provide optimal audio and video for a wide range of device applications. Higher resolutions and refresh rates are supported, including up to 12K@120 and 16K@60. Additionally, more high-quality options are supported, including uncompressed full chroma formats such as 8K@60/4:4:4 and 4K@240/4:4:4 at 10-bit and 12-bit color.
—
Recorded at Web Summit Lisbon 2025, this interview with director of sales Shelby explains how Locofy fits into existing design workflows as a plugin rather than a black-box generator. Designers keep working inside Figma or Penpot while LocoAI tags layers, sets up interactions and responsiveness, and exposes every decision for review in an edit mode. Because Locofy generates only frontend UI code, it can be deployed in highly regulated environments, including on-premise or private cloud setups where source code control and security audits really matter to product teams.
On screen, Shelby walks through a design converted into React 19, but the same project can be exported to frameworks like Next.js, Gatsby, Vue, Angular or plain HTML/CSS, and to mobile code for React Native and Flutter, with Swift and Kotlin support on the roadmap for iOS and Android. Locofy supports team-specific design systems and UI libraries, mapping design tokens into Tailwind CSS, CSS Modules, styled components or Sass while preserving component hierarchies and props ([Locofy][2]) Generated code can be synced to GitHub, pulled into a VS Code extension, and then extended by other AI coding agents such as Gemini, Cursor, Copilot or Windsurf without breaking the underlying structure of the UI stack
Locofy uses a token-based pricing model in which each design layer consumes one token when turned into code, so a simple signup page might be around 60 layers while an Airbnb-style multi-panel screen can reach 400 layers. Shelby explains that customers typically see 60–90 percent faster frontend implementation and around five-times lower UI build costs because engineers spend less time rebuilding pixel-perfect layouts and more time on business logic and API integration. For enterprise buyers, the platform emphasises ISO 27001 and SOC 2 compliance, strict separation of customer data from model training and full ownership of all exported code for long-term maintainability within an internal budget
Looking ahead, the team is beta-testing a design optimizer that cleans up messy files which don’t follow Figma best practices so that generated code still remains predictable and maintainable. A new product called UI Pro is designed to sit alongside so-called vibe coding tools, letting developers round-trip code between Locofy and their favourite AI copilots while keeping components and props in sync. By focusing narrowly on high-quality frontend UI generation and leaving data models, backend logic and deployment to existing stacks, Locofy positions itself as a pragmatic bridge between designers, developers and the broader AI-assisted development roadmap.
I’m publishing about 90+ videos from Embedded World North America 2025, I upload about 4 videos per day at 5AM/11AM/5PM/11PM CET/EST. Join https://www.youtube.com/charbax/join for Early Access to all 90 videos (once they’re all queued in next few days) Check out all my Embedded World North America videos in my Embedded World playlist here: https://www.youtube.com/playlist?list=PL7xXqJFxvYvjgUpdNMBkGzEWU6YVxR8Ga
This video was filmed using the DJI Pocket 3 ($669 at https://amzn.to/4aMpKIC using the dual wireless DJI Mic 2 microphones with the DJI lapel microphone https://amzn.to/3XIj3l8 )
