前端神器CodeMaker-图片即代码

CodeMoker-前端神器(图片=代码)。

hello大家好，今天推荐一款前端神器Codemaker，可以由图片直接生成代码。如果你是一名前端开发工程师、产品经理、UI设计师或者计算机专业的学生，那么这款工具可以帮助你显著的提效。工具的使用方式主要是两种：

·第一种是直接将UI图或者是网页截图拖至此处即可生成页面代码。

·第二种是目标网页的UR URL即可。

工具支持实现的前端框架有html、react view或者是bootstrap、react native还有lonic SVG，目前前端主要常用的框架应该基本都已经支持，我们来体验一下。

·第一种：图片上传。代码已经生成了，差不多1分钟左右，基本上已经可以完全复现原图，复现效果应该是比较理想的。这个是已经生成的代码，它会在这里生成，可以在这里修改也可以不改，将代码直接保存下来即可。

·第二种：方式生成移动端的H5页面。代码已经生成，UI里面的图片是没有办法复现的，内容基本上已经复刻了，还原度有80%左右。已经基本生成完了，可以看到和上传的UI图的布局基本一致。这个是生成的对应的代码，写的相对也比较简洁。

·第三种：输入目标网页的URL。已经生成完成。

介绍到此为止，欢迎大家来体验。