DevBefore帮助中心

搜全站

搜本篇

功能概览

UI设计工具工作区由以下四部分组成:

顶部: UI设计工具中相关功能,由:切图、添加/隐藏标注、UE&UI功能比对、窗口比例、版本切换、分享等组成

左侧侧画板:在页面列表中切换不同页面,预览UI设计图

右侧面板:查看所选组件属性

预览窗口:预览UE&UI设计图

预览

概览:

预览

UI工具使用流程介绍:

生成UI图

首次使用UI设计工具,请下载Sketch插件-->成功下载后,打开Sketch-->在Sketch插件中登录码前(DevBefore)账号-->选择生成Sketch-->选择项目-->原型成功导入Sketch-->开始UI设计

预览

提示:请使用70及以上版本的Sketch

导入UI图

UI设计完成后-->在Sketch插件中,选择全部或选中页面-->选择项目-->UI设计图成功导入码前(DevBefore)-->开始预览