Sketch插件——移动端UI开发利器Orion3

来源:互联网 发布:万能标签打印软件 编辑:程序博客网 时间:2024/06/05 11:34

本插件的功能从Sketch文件中直接提取设计要素,并转换为目标代码,安装非常简单,将插件拷贝到sketch的插件目录即可(从菜单”Plugins”->”Reveal Plugins Folder…”打开插件所在目录).安装成功后,在菜单“Plugins”下能够看到Orion插件选项
这里写图片描述

使用方法十分简单
1.在sketch文件中,选中一个对象(例如文本),按规则重新命名:Type@Name, 其中Type为对象实现类型,Name为对象名(对于iOS/Swift, 为代码中变量名,对于Android,为对象id,对于CSS,则为标签class(暂时没有用到));
文字: Label@xxxxx
图像: Image@xxxx
线条: Line@xxxx
区域:View@xxxx
2.按下快捷键或从插件菜单来执行,然后将生成的代码拷贝到工程项目中即可。
Sketch文件
这里写图片描述
按快捷键Ctrl+Shift+O 生成iOS代码
这里写图片描述
按快捷键Ctrl+Shift+W 生成Swift代码
这里写图片描述
按快捷键Ctrl+Shift+D 生成Android的布局XML
这里写图片描述
按快捷键Ctrl+Shift+L 生成Less代码
这里写图片描述

插件下载地址:https://github.com/guobinnew/Orion3.git,欢迎试用!

0 0
原创粉丝点击