Fei Design Mode - Directly edit and tweak UI pixels live with AI agents

byβ€’
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.

Add a comment

Replies

Best

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.

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?

we have a full version control so no hot fix , you can create everything within the send box and if you don’t like something just change the version

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.

Β thank you for the comment. This what we worked on for so long, so our ability to understand not just in the pixel level, but also in the state level and code level - that's the secret sauce:)

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?

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.

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

Β feel free to try our playground!

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?

Β Great one! it will refactor it cleanly, the code is production ready!

That's an awesome addition!

This is awesome!! Congrats on the launch!