优秀的编程知识分享平台

网站首页 > 技术文章 正文

什么鬼?VSCode能直接截图 UI 转成代码粘贴了? #ai

nanyue 2024-09-10 16:08:59 技术文章 6 ℃

你有没有想象过这么一个功能,就是直接截图UI设计稿粘贴就能变成代码,这还真有可能。来看看我的扩展最新的功能。

现在是一个next js的项目,它跑起来是这样子的。这里有一张设计稿,我用微信截图截出这部分,这部分我觉得很漂亮,我想实现它。然后copy到粘贴板,回车,右键智能粘贴。我很激动现在它到底能不能变成,好像有点希望。因为我这里用了tailwindcss,所以它就不用写样式了。好像有希望,这里多余了一个div。

现在来看一下效果,这就是实现出来的效果。图片是一些占位图,这是原始效果,这是实现后的效果,太酷了。

再来挑战一些高难度的,这里有一个数据表的图片,然后copy这张图片。我来到这个,加一个init.sql,直接粘贴这张图片,它能不能按照我的想法来变成sql代码,这也太酷了。而且它不仅仅适用于前端后端,它适用于任何语言,只要AI能猜出你的心里,它就能实现你的愿望。

最近发表
标签列表