最新消息:关注人工智能 AI赋能新媒体运营

智谱发布GLM-5V-Turbo:设计稿一键生成代码

科技资讯 admin 浏览

智谱AI推出GLM-5V-Turbo:看图写代码,设计稿直接变网页

最近,智谱AI发布了一款让前端开发者眼前一亮的新模型:GLM-5V-Turbo。它不靠打字,靠“看图”就能生成可运行的前端代码。你把Figma设计稿、Sketch文件截图,甚至手机拍的草图丢进去,它马上给你输出HTML、CSS和JavaScript——不用再手动切图、对齐间距、改颜色了。

这不是概念演示。实测中,团队把某电商首页的高保真设计图喂给模型,不到30秒,生成的代码在浏览器里直接跑起来了,导航栏、轮播图、商品卡片全部能点能动,CSS样式和原图几乎一模一样。连按钮悬停的阴影、响应式断点都处理得自然。

image.png

看懂的不只是布局,还有细节

过去AI写代码,只能靠你写一堆文字描述:“我要一个蓝色按钮,圆角,放在右上角”。GLM-5V-Turbo不一样,它能识别你图里没写出来的“潜规则”:比如标题字号比正文大1.2倍是品牌规范,按钮间距是8px的倍数,图标用了Material Design的风格。

它支持20万token的上下文,能同时处理整个项目文件夹里的设计稿、样式表和组件库。你上传一个包含10个页面的Figma链接截图,它能自动匹配你项目中已有的组件,避免重复造轮子。对团队来说,这相当于多了一个懂设计、懂规范、还从不喊累的“代码副手”。

image.png

“龙虾”智能体上线股票分析功能,能看K线图了

智谱的AI助手“AutoClaw”(龙虾)也升级了。现在它不仅能读财报文字,还能直接看懂图表——K线、柱状图、趋势线、成交量分布,它都能识别并分析。你发一张券商研报里的截图,它能告诉你:“这个MACD金叉出现在2024年11月,同期成交量放大37%,历史相似形态中,72%在之后两周内上涨”。

目前“龙虾”已接入四大数据源:东方财富、同花顺、雪球、财联社,60秒内能生成一份带图表、有结论、可导出的市场简报。不少量化交易员和投顾开始用它做日常复盘,省下两小时手动整理数据的时间。

开发效率提升,不是靠炫技,是真能用

对普通开发者来说,最实用的是“可视化修改”功能。你不用写一行代码,直接在预览图上圈出想改的地方:“把这个按钮颜色改成品牌红”、“这个卡片在手机上太窄了,加点边距”——AI立刻更新代码并实时预览。改完还能一键同步到你的VSCode项目里。

已经有团队在内部测试中把UI评审时间从3天压缩到2小时。设计师和开发不再为“这个间距是不是16px”吵来吵去,因为模型直接告诉你:“设计稿写的是16px,代码生成的是15.8px,误差在可接受范围”。

这不是未来科技,是现在就能用的工具。如果你还在手动把设计稿转成代码,或者每天花大量时间修样式bug,GLM-5V-Turbo可能正是你等了三年的那个“省事出口”。