Vibe Coding从夯到拉排名（设计师版）

从去年6月份开始入坑vibe coding，陆陆续续使用了多款vibe coding工具，基于自己的经验给这些工具做个从夯到拉排名。 【夯】ai studio（biuld功能）：Gemini的底层模型做出来的ui是最好看的，所以越用越有正反馈，基本上做了十几个工具吧，有些是为了验证demo、有些是个人生图的小玩具。且成功安利给身份的设计师，在设计师群体中反馈最好。 优势：交互合理、视觉美观、符合谷歌的极简风，适合没有figma，从0开始快速做原型验证，适合快速交付客户定制的网页需求。 缺点：多轮对话之后，页面改得越来越丑。 设计美观度：🌟🌟🌟🌟 稳定性：👍👍👍👍 【顶级】Claude Code：cc配合各种skills、和mcp可以很好地还原Figma，且这家模型的交互界面本身就有很多小设计，比如说对话的流逝输出动效，以及ip在敲键盘的gif，很多细节都比其他vibe coding的工具做得好。 缺点：不稳定、定向封号、影响干活。 设计美观度：🌟🌟🌟🌟 稳定性：👍 【人上人】codex、cursor open ai出的codex，好像没看到啥自媒体吹，但是我使用的频率仅次于ai studio。还原figma比不上cc、美观度比不上Gemini，胜在不封号、稳定，搭配各种skills盒mcp，可以达到cc的效果，但是得会用。plan模式可以比较稳定地交付页面。 设计美观度：🌟🌟🌟 稳定性：👍👍👍👍👍 ————————————————————————— cursor：最早使用的vibe coding工具，前notion设计师Ryo跳槽之后主导的设计方案，很酷很前卫，1年前可以说是夯，但是界面偏程序员的工作流，一上来就让我看整夜的代码，说实话心理压力很大，看不懂，没有可控性。 设计美观度：🌟🌟 稳定性：👍👍👍👍👍 【NPC】Figma Make 能做简单页面，但是交互效果太差了，经常报错、要等很久，用了几次弃坑了。能力不够强大，虽然和figma的生态整合得最好，但是没有达到可以交付需求的程度。 设计美观度：🌟🌟🌟 稳定性：👍👍 【拉完了】Trae 交互难用，交付质量很拉！我怀疑真的有人能把trae用好吗？ #从夯到拉 #vibecoding #ai工具 #ai