“设计稿转代码D2C”网站目录

• 

  Semi Design

  Semi 设计稿转代码（Semi Design to Code，或简称 Semi D2C），是由抖音前端 Semi Design 团队推出的全新的提效工具。 Semi D2C 可以一键将 Figma 设计稿转为前端代码，帮助研发侧快速实现 UI 还原工作，提升研发侧需求交付速度。 简介 Semi 设计稿转代码（Semi Design to Code，或简称 Semi D2C），是由抖音前端 Semi Design 团队推出的全新的提效工具。 Semi D2C 可以一键将 Figma 设计稿转为前端代码，帮助研发侧快速实现 UI 还原工作，提升研发侧需求交付速度。

  semi.design/code/zh-CN - 收藏
• 

  CodeFun设计稿转代码

  CodeFun 是光速软件推出了首款产品，通过 AI 算法，它可以一键将 UI 设计稿（Sketch、Figma、Photoshop）转换成如工程师手写一般的源代码。 与以往传统的从设计软件中导出 HTML 不同，它不仅可以智能分析页面布局，生成非绝对高宽的 Flexbox 代码，而且还可以识别循环列表、九宫格、等比例分配等多种业务场景。生成的代码简短可读，语义化程度高，基本上可以达到中级工程师的水准，实测研发效率至少提升 500%。

  code.fun - 收藏
• 

  阿里imgcook设计稿生成代码

  imgcook 专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码，包含视图代码、数据字段绑定、组件代码、部分业务逻辑代码等。 imgcook 的主要功能是视觉稿一键还原和基于还原后的可视化编辑，Sketch/Photoshop 设计稿的还原从安装插件开始，在设计稿中通过插件导出视觉稿的 JSON 描述信息粘贴到 imgcook 可视化编辑器，在编辑器中可以进行视图编辑、逻辑编辑等，生成代码后可将代码导出到本地或您的工程文件。主流程如下箭头所示。 阿里imgcook设计稿生成代码 除了视觉稿还原服务，我们还提供了如 imgcook-cli、imgcook VS Code 插件等工程效率工具，也支持用户自定义 DSL、自定义 Plugin 等。另外我们还在全链路探索 AI 赋予 imgcook 的能力，如图片生成代码、文本语义理解等。 对于创建的模块，您还可以按团队、项目维度来管理，如果您想看一些精选案例，可以前往广场查看。

  www.imgcook.com - 收藏