Formia
The gap between a static Figma file and a live React app has always frustrated me. I wanted a way to design directly inside the code without having to actually write it. Formia is my solution: a fully functional visual editor that bridges the line between pixels and engineering. You load a live React application onto a canvas, select any active element, and visually adjust its layout, spacing, typography, and colors in real-time. But the real magic happens when you’re done. Instead of exporting CSS or handing off a file, you press "Build." Formia communicates directly with Codex to generate the exact code and applies your visual changes directly to the source files. It’s a hands-on experiment in completely eliminating the design-to-development handoff.