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

本插件的功能从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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值