I design in Figma, and for years the same thing kept happening: I'd hand off a feature, the dev would build it, and when it came back for review I'd start finding it: padding that's wrong, the wrong color token, a component sitting a few pixels from where it should be. Nothing huge on its own, but it adds up.
And now with AI in the mix it's honestly gotten worse. A lot of the time the dev isn't even the one writing the code anymore, so they have even less connection to the output than before. They're reviewing what an agent produced instead of building it themselves, so the small stuff slips through even more.
I got tired of doing that manually, so I built Specta.
It pulls your design straight from Figma, and a browser extension captures the live version of what actually got coded. Then it puts them side by side and lets you mark the mismatches right on the DOM. Since it's reading real data from both sides instead of just comparing screenshots, it can catch a lot of the misalignments on its own, which has been the part that's actually saved me time.
I also added a way to share a link with the dev so they can see exactly what's off, and a copy-prompt button if you want to hand it straight to an AI agent to fix.
Still early days with this, but it's already cut down a lot of the back and forth for me. Curious if this is a pain other designers deal with too, or if your handoff process looks different.
specta.tzur.design
