Imgcook

工具介绍:Imgcook是阿里巴巴开发的智能设计稿转代码平台,支持Sketch、PSD等格式,自动生成前端代码。适用于移动端和PC端开发,提供免费插件和可视化编辑器,助力提高前端开发效率。

收录时间:2024-06-09 12:34:56

打开网站

Imgcook 工具信息

目录

    Imgcook:智能前端代码生成平台

    Imgcook(图像大厨)是阿里巴巴-大淘宝技术团队开发的智能设计稿转代码(D2C)平台。它能将Sketch、PSD、静态图片等视觉稿自动转换为可维护的前端代码,包括视图、数据绑定、组件和部分业务逻辑代码。

    核心功能

    Imgcook支持两种导入方式:

    • 通过插件从Sketch/PSD导出图层信息
    • 直接上传设计文件到可视化编辑器

    在编辑器中,用户可以:

    • 编辑视图样式和布局
    • 设置动态表达式和循环
    • 编写逻辑代码和绑定数据字段
    • 选择或自定义DSL(如React、Vue、小程序等)

    应用场景

    Imgcook适用于多种开发场景,特别推荐用于:

    • 移动端细粒度模块开发
    • 移动端活动页面
    • 移动端全页面开发
    • PC端面向用户的应用

    使用方法

    1. 登录Imgcook账户

    2. 在设计工具中使用Imgcook插件

    3. 选择并导出图层

    4. 在Imgcook编辑器中粘贴并编辑

    5. 导出生成的代码

    定价

    Imgcook完全免费,用户可以使用其提供的Figma、Sketch、VSCode等插件,将设计稿转换为代码,无需付费。

    评论 (0)

    暂无评论