前端代码生成器

前言：
        本文为原创整理，商务合作请联系！

1.CodeFun

介绍：前端 8 小时工作量，10 分钟完成；CodeFun的官网上下载其sketch插件，在sketch中打开插件的面板选择上传此设计稿，然后就可以去官网我们的项目里查看。

地址：CodeFun - UI 设计稿智能生成源代码

 效果：

2.PxCook

介绍：高效易用的自动标注工具, 生成前端代码, 设计研发协作利器

地址：PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器

效果：

 3.MagicalCoder

介绍：面向零基础，拖拽式编程，赋能企业，前后端代码一键生成，时间就是金钱，效率就是生命，我们承诺提效30%以上，您的竞争对手都在使用

地址：MagicalCoder官方社区 - 最好用的代码生成器

效果：

4.pixso（UI原型管理工具）

介绍：作为专业的在线协同UI设计软件，Pixso 可以实现视觉效果、交互效果、体验效果一站成型，为你的目标用户创造流畅体验。

地址：Pixso

效果：

 5.蓝湖工具

介绍：蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系。

地址：蓝湖 - 高效的产品设计协作平台

效果：

https://bcloud-alipic.lanhuapp.com/video/banner_new.mp4

特点：

• 查看标注：点击任意元素，即可查看标注信息

• 切图下载：一键下载，支持 JPG、PNG、SVG、WebP

• 自动生成代码：自动生成 CSS、iOS 和 Android 代码

6.京东的DECP

Deco - 设计稿一键生成多端代码

        效果：

随意一款，足以让前端人恐惧！