上传一个设计图，生成代码是什么原理

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 369 天前的主题，其中的信息可能已经有所发展或是发生改变。

看到 v0.dev 的上传一个图片，生成相应的代码，感觉很🐂逼，请问他的原理是试用视觉大模型直接生成的吗

上传

代码

原理

8 条回复 • 2024-12-19 13:59:31 +08:00

iris4hong

2024-12-19 09:39:52 +08:00

这样的东西出来了，岂不是低代码和无代码就没啥用了

reeco

2024-12-19 09:52:06 +08:00

claude 3.5 snooet 牛逼

reeco

2024-12-19 09:52:42 +08:00

snooet -> sonnet

iris4hong

2024-12-19 10:05:18 +08:00

我要生成私有 dsl ，用 claude 就不行了吧，难道我要自己去训练大模型？

hackyuan

2024-12-19 10:12:02 +08:00

@iris4hong 低代码、无代码场景、用户不一样，内置组件的复杂度也不一样，一般解决了用户体系、发布部署、认证等问题，后端用页面服务的低代码，前端用数据服务的低代码。
现在这东西还得前端来用，复杂解决不了的直接改代码。

iris4hong

2024-12-19 11:37:56 +08:00

@hackyuan 虽然有所不同，但肯定也有让代码生成更加方便的需求，前端上传设计图，模型直接生成一个大致的代码框架，再进一步进行微调

tfdetang

2024-12-19 11:51:30 +08:00

@iris4hong 其实私有 dsl 也不需要自己训练；不是很复杂的 dsl 可以在上下文中举几个范例让 ai 知道你的规则，再让它按照你的规则来生成 dsl

我的看法就是所谓的低代码、无代码都将被历史淘汰

hackyuan

2024-12-19 13:59:31 +08:00

@iris4hong 是的，反正都是提供大量的模板，一是让用户选择，二是喂给 AI 。其实到最后低代码还是这种生成代码的区别不大，只不过低代码很多平台组件内置了很多平台行为，界面、组件间的联动，这部分其实代码量还是很大的，AI 生成的全代码不如内置的事件机制，这块可以看下华为 Astro ，当然平台自身的 bug 也是个严重问题就是了。