The rise of the design engineer
summary
Claims that designers can become full-stack design engineers by using a Figma workflow that converts frames to production UI code; Locofy’s Figma plugin runs proprietary design models (four years of work) to detect components, auto-layout and media queries and emits React + Material UI code in under a minute. Output syncs to GitHub or VS Code, a local MCP lets an LLM add functionality (image gallery fixed live), and exports deploy to Netlify/Vercel — the demo produces working, responsive code.
AI-written summary · about
chapters (3)
related talks
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
36mElevate Your React Workflow with Figma
17mBlurring the line between designers and developers with Meng To
42mCode, Creativity, and Community at Figma
14mRethinking Designer-Developer Collaboration
19mLevel up designer and developer collaboration with Noga Mann
14mLLMs Wrote the Script, Now Large Design Models will Set the Canvas
22mDesign to production in a snap and how you can do it too?