最近发现了一个很有意思的新工具,叫作 sketch-code。 它可以将手稿草图直接变为html网页,产生相应的前端代码。 sketch-code,是由微软推出的基于机器学习、使用Bootstrap框架的开源工具。 实现效果 微软sketch-code的官网上的例子就很有意思,见如下: 可以看见,在草图中的形状,经由机器识别等过程,变成了由bootstrap网...
Code Pull requests Actions Projects Security Insights Additional navigation options master BranchesTags Code This branch is2 commits behindashnkumar/sketch-code:master. Folders and files Name Last commit message Last commit date Latest commit ashnkumar ...
将模型生成过程与样式分离能够给模型的使用带来很多好处: ·前端工程师想要将SketchCode模型融入到自己公司的产品中,可以使用现有的模型,只需要修改一个CSS文件就能符合公司的风格。 ·可伸缩性内置一个源图像,模型输出可以立即被编译成5、10或50个不同的预定义样式,这样用户可以在浏览器中查看多个版本的网站可能的外观。
Microsoft AI的高级产品经理Tara Shankar Jana将它命名为Sketch2Code,是由Microsoft与Kabel和Spike Techniques合作开发。该工具旨在让所有的开发人员和组织都能使用AI去做更多的事情。 Sketch2Code简介 Sketch2Code是一种基于Web的解决方案,它使用AI将手绘用户界面的图片转换为可用的HTML代码。 让我们仔细看看使用Sketch2Cod...
编者按:最近超火的Sketch2Code 是什么神器?它如何将设计草图秒变成HTML 代码?本文翻译了微软的官方博客介绍,让你理解这个开源神器是如何工作的!
Susanne BodkerInternational Symposium on End-User DevelopmentS. Baader and S. Bodker, "SketchCode - An Extensible Code Editor for Crafting Software," in End-User Development, P. Diaz, V. Pipek, C. Ardito, C. Jensen, I. Aedo, and A. Boden, Eds. Springer International Publishing, 2015, ...
ashnkumar/sketch-code master BranchesTags Code README SketchCode Generating HTML Code from a hand-drawn wireframe SketchCode is a deep learning model that takes hand-drawn web mockups and converts them into working HTML code. It uses animage captioningarchitecture to generate its HTML markup ...
SketchCode: 使用深度学习自动化前端开发: 本文作者构建了某个深度学习模型,能够从用户手绘的设计草稿中,生成可用的 HTML 网站;作者希望能够尝试利用这种方式来简化现在的设计流程。本文依次介绍了 SketchCode 的创意来源与设计理念,如果获取到有效的数据集,如何将图片处理为手绘模式,如何设计神经网络架构以及如何进行模型...
启动Sketch2Code,只需要打开网址,然后在明确的启动界面进行操作,就可以实现最初的设想。上传一张设计草图,点一下“图片转换”按钮,之后这个灵活多变的网站就会帮你完成剩余的工作。一张普通的草图,在这个网站的
Sketch2Code Learn 登录 此主题的部分內容可能由机器或 AI 翻译。 使用英语阅读 添加 添加到集合 添加到计划 剧集 Sketch2Code AI Show 2018年8月24日 “需要-用户界面设计”过程涉及很多创意,这些创意始于设计者共享创意的白板上。 绘制设计后,通常会在照片中捕获它,并手动转换为一些工作 HTML 线框,以在 Web ...