overlay.studio
Show HN: Overlay – Design with your React components and CSS tokens in your IDEhttps://www.overlay.studio/Hey HN, I'm Francesco. I've spent the last year building Overlay, a UI editor that runs inside your IDE and renders your actual React components (not a redraw of them), using your real CSS tokens.I'm a design engineer and, especially with AI, I found myself spending more and more time in the codebase rather than in Figma. Trying out ideas in code with AI is a lot of fun, but there are specific moments where I need to sketch things out on a classical visual canvas. The problem is, when you work mostly with code and your codebase moves faster than your Figma library, stopping to import your latest components into Figma is an energy-killer.So I built Overlay to get quick access to my React components on a canvas. It's a VS Code extension, so opening the canvas takes seconds. Your components are already there, and you're designing with the real thing: the editor is a normal DOM document, not a WebGL canvas. From there, working with AI (via MCP) is also a breeze. The agent already has accesAug 11, 2026 11:06 AM




