GPT-6的审美能力提升很明显，做出来的UI比之前好看太多了。但光有审美还不够，…

GPT-6的审美能力提升很明显，做出来的UI比之前好看太多了。但光有审美还不够，关键是你得会用对工具。

最近发现一个Codex里的Product Designs插件，用完之后觉得这才是正确的打开方式。它能直接在画布里面帮你设计UI，不需要你切来切去，也不需要你懂什么设计软件。

以前用Codex做页面，流程大概是：先让AI生成代码，然后复制到浏览器里看效果，不满意再改代码，再看效果。来回折腾好几轮，效率很低。

装了这个插件之后，流程完全不一样了。你直接在画布里描述你想要的界面，它实时帮你生成UI预览。不满意就直接在画布里调整，改完立刻看到效果。整个过程不需要离开编辑器，不需要复制粘贴代码。

实际用下来，有几个点特别好用：

1. 实时预览

你描述一个按钮样式、一个卡片布局，它马上就在画布里画出来。不用等生成完整代码再看效果，改一行描述就能看到变化。

1. 风格统一

它会自动保持整个页面的设计风格一致。你前面用了圆角卡片，后面生成的元素也会保持圆角。不会出现前面苹果风后面安卓风的割裂感。

1. 代码同步

画布里设计好的UI，代码是实时同步的。你不需要手动导出代码，设计完直接就是可用的前端代码。

1. 迭代快

不满意某个部分，直接在画布里选中它，描述你想要的修改，它立刻帮你改。比改代码快多了，而且出错概率低。

对于经常用Codex做前端页面的人来说，这个插件能省不少时间。尤其是做产品原型、落地页这种需要快速迭代的场景，效率提升非常明显。

如果你还没试过，建议装上体验一下。GPT-6的审美加上这个插件的交互方式，做出来的页面质量确实比以前高了一个档次。