Fei Design Mode
Fei Design Mode 是一款通过 AI 代理让设计师直接编辑 UI 像素的工具,适合设计师用于所见即所得的开发,消除设计与开发的交接成本。
Maker 说
大家好,我是 Tammuz,CTO 兼联合创始人。
最初构建这个产品时,我们的核心用户是产品经理——他们习惯从功能层面思考:“用户应该能按日期筛选”。智能体理解需求后就直接交付了。这带来了巨大的突破。
但随着越来越多的设计师开始使用,我们发现了不同之处。对他们来说,功能部分并不难——难的是反复微调的阶段。他们希望界面做到像素级完美,而且不想等一个可能无法完全实现他们想法的开发者。
于是我们构建了设计模式。体验就像坐在开发者旁边,指着屏幕说“不,再往上移一点——内边距不对”——只不过现在你指挥的是 AI 智能体。点击元素,调整属性,实时查看效果。如果你在 Figma 或 Claude Design 中工作,设计意图会直接流入——无需手动传输,不会丢失上下文。
关于它的工作原理,欢迎随时提问。
热门评论
Hi Tammuz,恭喜发布!像素级编辑是“展示给我看”胜过“描述给我听”的地方,但难点在于品味交接。当一次微调破坏了设计系统时,Fei 是会拒绝执行,还是直接做然后让你撤销?两种选择都有实际成本——你们最终怎么决定的?
能直接编辑实时 UI 像素的 AI 智能体,与 prompt-to-code 工具完全是不同的方法。这感觉更像是像素级别的结对编程。很好奇它如何处理复杂的组件状态。
“在生产环境中构建”的工作流程很大胆。Fei 是否提供在 Design Mode 中进行的修改进行回滚或版本控制的方法,还是说它只用于实时热修复?
太棒了!!恭喜发布!
这是一个很棒的补充!
指向一个元素并让智能体实时调整代码的工作流程,对于交接过程来说是一个巨大的解锁。不过我很好奇 Design Mode 输出的代码质量。如果设计师对一个按钮做了二十次微调,智能体会干净地重构 CSS,还是最终留下一堆层层叠加的视觉 hack?