微软开源 Sketch2Code，UI 草图转成 HTML 代码

最新推荐文章于 2024-08-08 07:46:55 发布
最新推荐文章于 2024-08-08 07:46:55 发布
阅读量8.1k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VhWfR2u02Q/article/details/82504998
版权
微软AI实验室开源Sketch2Code工具，能将UI设计草图转化为HTML代码。该工具利用视觉模型预测元素，结合文本识别和布局算法生成HTML结构。引发网友讨论，有人担忧前端开发受影响，也有人认为能减轻工作负担。
摘要由CSDN通过智能技术生成

（点击上方公众号，可快速关注）


#原创整理：前端大全（id: FrontDev）


微软 AI 实验室最近开源了一个新的 AI 辅助工具 Sketch2Code。正如其名，Sketch2Code 可以把 UI 草图转换成 HTML 代码。

最低0.47元/天 解锁文章
前端大全
关注
Sketch2Code源代码 动态生成HTML
09-23
依据照片生成HTML代码的机器学习应用项目，适合有一定经验的机器学习爱好者阅读参考使用。机器学习在实际运用的源码
草图 UI 转 HTML 代码，微软开源Sketch2Code
heqiang2015的博客
11-06 2227
Sketch2Code 是什么？ Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。读者可以在 GitHub 上找到与 Sketch2Code 相关的代码、解决方案开发过程和其他详细信息。 Sketch2Code 项目地址：https://g...
推荐开源项目：draw-a-ui - 画出你的UI，自动生成HTML代码
最新发布
gitblog_00049的博客
08-08 746
推荐开源项目：draw-a-ui - 画出你的UI，自动生成HTML代码 draw-a-uiDraw a mockup and generate html for it项目地址:https://gitcode.com/gh_mirrors/dr/draw-a-ui 在这个设计与开发日益紧密融合的时代，高效地将草图转化为可交互的界面是许多开发者和设计师的梦想。今天，我们向您推荐一个令人惊叹的开源项...
UI转html,把word转成html再显示在UIWebView里
weixin_34816303的博客
06-27 121
把word转成html再显示在UIWebView里-(void)loadDocument:(NSString*)documentName inView:(UIWebView*)webView{NSString *path = [[NSBundle mainBundle] pathForResource:documentName ofType:nil];NSURL *url = [NSURL fil...
UI提供一个图片转换Html,Screenshot-to-code：UI设计图转整页代码
weixin_39855869的博客
05-31 3437
大概是2018年的时候，那时候我还是一个很稚嫩的小前端，我记得很深刻，当前GitHub上有个叫做star，这个项目主要表达的是在未来三年内，深度学习将改变前端开发。它将会根据设计图自动生成对应的html，css代码，从而拉低开发软件的门槛。也就是说我们前端以后不需要再画静态了！项目地址：https://github.com/emilwallner/Screenshot-to-code这里简单说一下...
Sketch2Code
高大魔王的博客
07-17 1208
…
网页界面设计，APP界面设计自动生成Html代码工具
06-29
网页界面设计，APP界面设计自动生成Html代码工具傻瓜式软件
读《微软开源 Sketch2Code，草图 UI 转 HTML 代码》有感
少东的博客
09-08 3416
早上在准备虎牙直播的面试，想到面试官可能会问最近有没有看什么文章，学到了什么东西。于是就点开关注的几个公众号看一下有没有什么新的文章。刚点开订阅号，一篇文章映入眼帘，《微软开源 Sketch2Code，草图 UI 转 HTML 代码》。这是那种看题目就可以知道内容的文章，内容本身并不能让我们学到很多东西，只是让我们知道一条简单的信息而已。但是我觉得，信息本身有时候也会引发我们的很多思考。略作整理，...
sketch-palette-generator：根据十六进制颜色代码的集合创建草图调色板
02-06
本文将详细介绍一个名为"Sketch-Palette-Generator"的插件，它允许设计师根据十六进制颜色代码创建自定义的草图调色板，以实现高效、精准的设计工作流程。 首先，我们来理解十六进制颜色代码。在网页设计和图形设计...
source-websiteproject:使用HTML和CSS从头开始编码的网站登录页面，其中提供了Sketch文件以供参考-html website source code
03-24
在这个名为"source-websiteproject"的开源项目中，开发者提供了一套完整的HTML和CSS源代码，用于构建一个网站登录页面。这个项目对于那些希望学习网页设计或者需要自定义登录界面的人来说是一个宝贵的资源。同时，...
蓝湖ui设计图直接转换html,蓝湖使用规范（用于管理UI及前端切图）
weixin_39557797的博客
06-03 8292
蓝湖使用规范一、蓝湖插件下载及安装二、团队项目建立流程1、新建团队(横琴人寿)2、新建项目在对应的团队下新建项目例如官微项目，官网项目，i保项目，哆来咪项目3、新建分组在相应的项目下按照功能模块进行分组，例如：投保、家庭权益、服务大厅4、在相应的分组下上传文件文件命名规范：对应的具体页面描述+版本信息例如：尊贵服务-4.2版本(如果没有版本号可用具体上线日期)同一张设计图有可能有多种状态，需要上传...
ui转换做成html,layui重新生成html后的渲染
weixin_30995967的博客
05-31 412
元素功能的开启需要加载element模块，对于重新生成的html，我们要在生成后重新渲染。如果我们的模块是通过ajax异步请求获取到数据后再加载的html，那么我们要等到确保html生成后再执行重新渲染。有两种方式来处理这个问题1、element作为参数传递下去layui.use(['element', 'layedit'], function () {var element = layui.el...
UI提供一个图片转换Html,两种方法实现UILabel的图文并茂的显示html文本
weixin_33158887的博客
05-31 472
概述本文讲述用2中方法在UILabel中显示带图片和文字的HTML文本。先预览下显示效果：如果你的设备时iOS 9或以上，默认只允许HTTPS，请打开HTTP请求许可，参照:iOS 9打开HTTP请求许可方案一：//HTML文本 包含图片、文本NSString *htmlString=@"< img src=http://upload-images.jianshu.io/upload_ima...
ai转成html,Sketch2Code: Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码...
weixin_39624606的博客
06-18 369
Microsoft AI LabWhat is AI Lab?AI Lab helps our large fast-growing community of developers get started on AI. You can experience, learn and code the latest and greatest innovations from Microsoft AI h...
ui图片怎么转换html代码,AmazeUI图片轮播效果的示例代码
weixin_33249310的博客
06-01 234
AmazeUI个人感觉确实蛮不错的，虽然现在还不算特别完善，但毕竟是国内首款，用起来比较符合国人。今天要讲得是图片轮播，感觉这个应该能够帮到大家，再此整理整理。$(function(){$('.am-slider').flexslider({playAfterPaused: 3000,animation: "fade",animationLoop: true,smoothHeight: true,...
《AI编程类工具之九——Sketch2code》
再见孙悟空的专栏
04-19 371
Sketch2Code是一种基于Web的解决方案，它使用人工智能技术帮助开发者轻松地将手绘线框草图转换成HTML代码。通过微软自定义视觉模型，Sketch2Code能够识别草图中的各种基本网页视觉元素，如标签、文本字段、文本段落、图像和按钮等，并根据识别的元素生成对应的HTML代码片段。同时，它还可以根据元素位置关系推断出设计的布局，最终生成完整的HTML代码。使用Sketch2Code，开发者只需要绘制简单的线框草图，就可以一键生成对应网页代码，从而彻底改变了传统的前端开发模式。
ui设计的图怎么转成html页面,【只言片语07】UI设计如何转交互
weixin_35735370的博客
06-04 1777
怎么又要转交互了？做做UI不好吗？只要给你原型什么页面都可以做出来，千变万化的版本随你挑。看来进来阅读的少男少女们按捺不住自己那颗骚动的心啊！是不是觉得自己不适合做视觉？是不是觉得交互设计天花板更高？是不是觉得不会交互就找不到工作了呢？也不一定，今天只是纯粹跟大家聊聊如果UI设计师想转交互到底该怎么转！兴趣是最好的导师学习UI或者交互其实都是为了有一份薪资不错的工作，在喜欢这件事情上大部分人其实都...
sketch源码 html,手绘用户界面转成 HTML 代码 Sketch2Code
weixin_29938387的博客
06-19 313
软件介绍Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。读者可以在 GitHub 上找到与 Sketch2Code 相关的代码、解决方案开发过程和其他详细信息。下图演示了利用 Sketch2Code 将手绘草图转换成代码的操作过程。在微软官...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值