Design Mode gives designers direct ownership of what ships. Point to any element in the live preview, tweak styles visually, and push straight to your codebase from Figma or Claude Design. No handoff. No translation layer. What you designed is what ships. Finally, real superpowers for designers.
When we first built this, our power users were PMs — people who think at the functional level: "users should be able to filter by date." The agent ran with that and shipped it. Huge unlock.
But as more designers started using us, we noticed something different. The functional part wasn't the hard part for them — the iterative tweaking phase was. They wanted their screens pixel-perfect, and they didn't want to wait on a developer who might or might not land their exact vision.
So we built Design Mode. Same experience as sitting next to a developer, pointing at the screen and saying "no, move that up a bit — the padding is wrong" — except now you're directing AI agents. Click the element, tweak the property, see it live. If you're working in Figma or Claude Design, your design intent flows straight in — no manual transfer, no context lost.
Hi Tammuz, congrats on the launch! pixel-level edits are where show-me beats describe but the hard call is taste handoff. does Fei push back when a tweak breaks the design system, or just do it and let you undo? both choices have a real cost - where did you land?
The workflow of pointing at an element and having an agent tweak the code live is a huge unlock for the handoff process. I'm really curious about the code quality that comes out of Design Mode, though. If a designer makes twenty micro-adjustments to a single button, does the agent refactor the CSS cleanly, or do you end up with a bunch of layered visual hacks?
the designer-to-code gap is one of those problems everyone complains about but nobody fixes well. if this actually pushes to the real codebase from a visual editor, that's a huge unlock for small teams shipping fast
AI agents that directly edit live UI pixels is a completely different approach from prompt-to-code tools. This feels more like pair programming at the pixel level. Wondering how it handles complex component states.
The 'build in production' workflow is bold. Does Fei offer a way to rollback or version-control the changes made in Design Mode, or is it intended for real-time hotfixes?
Hey PH! I'm Adir, CEO of AutonomyAI.
We built Fei Studio because of a pattern we kept seeing across every product team we talked to: iteration speed is what determines how fast a company moves. Every change needed a full cycle. PM describes it, designer specs it, engineer builds it. Repeat.
Design Mode collapses that cycle. PMs and designers ship directly from Figma, from Claude Design, or straight inside the live preview. Design intent moves into production regardless of where it originates.
If your team is still waiting on engineering for every small change, this is for you.
Ask me anything.
About Fei Design Mode on Product Hunt
“Directly edit and tweak UI pixels live with AI agents”
Fei Design Mode launched on Product Hunt on May 14th, 2026 and earned 143 upvotes and 13 comments, placing #11 on the daily leaderboard. Design Mode gives designers direct ownership of what ships. Point to any element in the live preview, tweak styles visually, and push straight to your codebase from Figma or Claude Design. No handoff. No translation layer. What you designed is what ships. Finally, real superpowers for designers.
Fei Design Mode was featured in Design Tools (260k followers), Artificial Intelligence (468.5k followers) and No-Code (5.6k followers) on Product Hunt. Together, these topics include over 134.3k products, making this a competitive space to launch in.
Who hunted Fei Design Mode ?
Fei Design Mode was hunted by Ben Lang. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Fei Design Mode stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Ben Lang
Hey everyone, Tammuz here, CTO and co-founder.
When we first built this, our power users were PMs — people who think at the functional level: "users should be able to filter by date." The agent ran with that and shipped it. Huge unlock.
But as more designers started using us, we noticed something different. The functional part wasn't the hard part for them — the iterative tweaking phase was. They wanted their screens pixel-perfect, and they didn't want to wait on a developer who might or might not land their exact vision.
So we built Design Mode. Same experience as sitting next to a developer, pointing at the screen and saying "no, move that up a bit — the padding is wrong" — except now you're directing AI agents. Click the element, tweak the property, see it live. If you're working in Figma or Claude Design, your design intent flows straight in — no manual transfer, no context lost.
Ask me anything about how it works.