点击围观!腾讯 TAPD 助力金融行业研发提效、敏捷转型最佳实践! 了解详情
写点什么

手把手教你 D2C,走向前端智能化(二)

  • 2019-12-23
  • 本文字数:626 字

    阅读完需:约 2 分钟

手把手教你D2C,走向前端智能化(二)

如何使用 imgcook ?

imgcook 目前对外的体验版里,开放了针对 Sketch 设计稿和 PSD 设计稿的还原插件,以 Sketch 为例,整体的导出流程如下:

1. 插件导出模块

在使用 Sketch 插件进行还原的时候,可选中一个模块外层的容器节点(画板、Group 或者 Symbol)来进行导出。


2. 粘贴还原

模块导出完毕后,可前往 imgcook 平台进行粘贴还原。


3. 保存查阅代码

检查模块还原 UI 以及左侧的布局结构无误后,可进行保存->查阅代码,目前对外的体验版中 imgcook 提供了几种可选择的 DSL 进行代码生成,对于每个 DSL,可在右侧的 playground 里查看具体运行的效果。


什么场景下使用 imgcook ?

imgcook 的诞生源于业务,也最终服务于业务。


  • 场景使用层面上,imgcook 倾向于以页面中的模块级别维度来进行使用;对于模块本身,imgcook 也会倾向于一些轻交互逻辑的模块来进行使用。

  • 技术层面上,imgcook 对于支持 Flexbox 布局类型的 DSL 都会有一个比较好的支持。

面向未来

面向未来,imgcook 还在深耕更多的 UI 识别能力,诸如 Input/Table/Select 等前端基础控件识别、业界流行的 Antd/Fusion 等前端组件库识别,甚至可以为垂直业务定制独特的业务组件的识别能力,我们希望 imgcook 能真正给前端带来更多的提效能力。

建议反馈

imgcook 目前还处于体验版,会存在一些不确定性的还原 badcase 以及代码生成不合理的 badcase,请向我们反馈,我们会第一时间进行问题收集、跟进处理。


本文转载自淘系技术公众号。


原文链接:https://mp.weixin.qq.com/s/yTz6SCaDUTkSTiXlw3QKng


2019-12-23 17:56649

评论

发布
暂无评论
发现更多内容

1024 分享|如何打造围绕开源理念的团队工程师文化

Jina AI

人工智能 开源 1024 1024我在现场

探索证券行业智能化升级核心引擎:成就客户价值

易观分析

证券

fastposter v2.9.3 简单易用的海报生成器

物有本末

海报生成器 海报编辑器 海报生成

力扣刷题训练(二)

lovevivi

数据结构 C语言 10月月更

从零到一搭建一个属于自己的博客系统(弎)

木偶

MySQL django 前端 10月月更

HashMap源码分析(七)

知识浅谈

hashmap 10月月更

Opencv 图像处理:图像基础操作与灰度转化

timerring

OpenCV 计算机视觉 10月月更

鸿蒙开发工具 DevEco Studio 3.0 体验与项目介绍

宇宙之一粟

HarmonyOS 鸿蒙应用开发 10月月更

leetcode 191. Number of 1 Bits 位1的个数(简单)

okokabcd

LeetCode 数据结构与算法

“程”风破浪的开发者|python GUI开发记录

衝鋒壹号

学习方法 个人成长 “程”风破浪的开发者

Opencv 图像处理:图像通道、直方图与色彩空间

timerring

OpenCV 图像处理 10月月更

数据湖(十):Hive与Iceberg整合

Lansonli

数据湖 10月月更

用户故事地图——让迭代计划灵动起来

Bruce Talk

Scrum User Story Product Owner User Story Mapping

JDK中自带的JVM分析工具

知了一笑

Java 架构

Jenkins pipeline 如何到子文件中去执行命令

HoneyMoose

一行命令安装docker和docker-compose(CentOS7)

程序员欣宸

Docker Docker-compose 10月月更

DDD领域驱动设计的概念解析

乌龟哥哥

微服务 10月月更

【移动应用安全】移动应用安全概述及超级用户权限获取

w010w

android 移动应用安全 root 10月月更

Jenkins pipeline Git 检出的 Step

HoneyMoose

高效IO之零拷贝技术

乌龟哥哥

10月月更

长安链源码分析之交易过程分析(1)

CLIP-as-service 0.8.0 版本发布:新增支持大型 ONNX 模型文件

Jina AI

开源 工程师 开发工具

CLIP-as-service 0.8.0 版本发布:新增支持大型 ONNX 模型文件

Jina AI

开源 工程师 开发工具 开源软件

【资损】分布式环境中的幂等性控制设计

小明Java问道之路

架构 微服务 安全 10月月更 资损

“程”风破浪的开发者|那些优化奇葩代码的方法

慕枫技术笔记

学习方法 代码 “程”风破浪的开发者

JNI中实现类似C++回调方法-结构体操作

中国好公民st

c++ jni 10月月更

【一Go到底】第二十五天---内置函数和Go错误机制

指剑

Go golang 10月月更

迷宫最短路径问题

lovevivi

数据结构 C语言 10月月更

【译】深究 Go CPU profiler

非晓为骁

Go 翻译 pprof

【web 开发基础】PHP 快速入门(10)-PHP 其他运算符详解

迷彩

web开发 10月月更 PHP基础 三元运算符

应用数据库常见的数据切分方式

乌龟哥哥

数据库 10月月更

手把手教你D2C,走向前端智能化(二)_语言 & 开发_淘系技术_InfoQ精选文章