这款Figma插件让设计师能够 Vibe Design

嗨大家好，我是小马,   今天想和大家聊聊一个最近让我挺兴奋的产品——Vibe Design。

先说个事儿。

去年 AI 编程大火了一把，大家都在说"prompt 写得好，代码写得好"。我身边好多程序员朋友，用 Cursor、用 Claude，三天就能搞出一个能用的 Web 应用。以前得吭哧吭哧写一周的代码，现在几天就搞定了。

我当时就想一个问题——

那设计师呢？

你们有没有发现，这波 AI 浪潮，程序员是爽到了。但设计师该加班还是加班，该改稿还是改稿。甲方说"感觉不对"，你还得一版一版地调。AI 绘图工具是能出图，但生成什么样就是什么样，根本没法改。

我一直在想，有没有一种方式，让设计师也能像写代码一样，用自然语言来生成设计稿？

想了很久，我就自己做了这个产品——Vibe Design，一个 Figma 插件。

它能做什么呢？我说三个场景，你听听有没有戳中你。

第一个场景，你在 Figma 里，直接用自然语言描述你想要的设计。比如"给我一个科技感十足的着陆页，顶部要有导航，中间有个大 banner，下面放三个功能卡片"。然后它就直接在 Figma 里生成出来了，而且是可编辑的图层。你觉得哪里不满意，改就行了。

请看下方视频演示：

第二个场景，你手里有 HTML 代码，想直接变成设计稿。复制粘贴进去，特别是支持 TailwindCSS，AI 友好。你不用再对着代码凭空想象，直接看设计稿。

请看下方视频演示：

第三个场景，你看到一个网站做得很漂亮，想借鉴一下。不用截图不用描，把 URL 粘贴进去，它直接把这个网站变成你的 Figma 设计稿。复刻灵感，分分钟的事。

请看下方视频演示：

说白了，它不是替代设计师，而是帮你把"从想法到草稿"这一步变得超级快。

以前一个需求下来，设计师可能得花半天时间出初稿。现在？你描述清楚，几十秒就出来了。然后你在上面改，甲方要改哪里，你随手就调了。

我最喜欢的一点是——它是可编辑的。

AI 绘图工具生成的东西，你是没法改的。但 Vibe Design 生成的是标准的 Figma 图层，你爱怎么改怎么改。不满意？再让 AI 生成一版。满意了？直接交付给甲方，或者导出给程序员开发。

再说说大家关心的价格。

不是订阅制，是积分制。注册就送 10 个积分，每天签到再给 5 个。够你好好玩一阵子了。不玩套路，用多少花多少。

说这么多，其实就想问一句——

你平时画图改图烦不烦？

如果烦的话，可以试试这个插件。 网站地址是：https://vibe2design.com/  或者直接找我聊也行。

希望它能真的帮你省点时间，把精力花在更有价值的地方。

好了，今天就聊到这儿。有什么问题，随时来找我。