www.xdccpro.com
  • 登录
  • 首页
  • 素材模板
    • 全部
    • APP
    • 网页
    • 图标
    • 原型
    • 样机
  • 教程观点
  • 插件工具
  • 资讯动态
  • 加入Q群
  • 首页
  • 素材模板
  • 教程观点
  • 插件工具
  • 资讯动态
  • 加入Q群
首页 › 插件工具 › 涨姿势!让你一分钟玩转XD切图

涨姿势!让你一分钟玩转XD切图

XD资源网
XD资源网 大管理
3月前发布在 插件工具
1,199 0 5
这次给大家带来XD切图+自动标注+线上协作<1分钟!

相比较上一版本XD导入速度至少提升5倍

“关注像素大厨,把繁琐的事情交给我”👉

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

闲言碎语不要讲,接下来我们话端详~

这次给大家带来XD切图+自动标注+线上协作<1分钟!

相比较上一版本XD导入速度至少提升5倍

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

那么让我们来看看如何玩转XD切图吧!!

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

大幅提高工作效率

1. 导出切图到PxCook

您可以在 Adobe XD 的图层中,激活“添加导出标记”图标,或在 Adobe XD 的右边栏中最后一个分栏中,将“添加导出标记”勾选上。在 Adobe XD 中,导出当前设计稿到 PxCook 中。

新版本中,我们加入了对 Adobe XD 的切图支持,同时彻底优化了从 XD 到 PxCook 的导入过程,使得导入速度比之前提升了5倍!!让设计师和工程师之间的衔接更加紧密高效~

2. 定义切图的范围

在有些情况下,可能需要特殊定义切图的范围,以固定切图的尺寸。我们可以通过将一个“描述范围”的形状图层放置于需要切图的组内,然后将该形状图层变为透明即可,如下图所示:

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

支持自动标注

1. 支持工程师查看自动标注

在 PxCook 软件开发模式下,工程师可通过点选画板中元素的方式,直接查看元素之间的间距「图1」。同时在软件右边栏中可查看该元素的详细尺寸,样式,及相应代码「图2」,最后工程师可直接选择并下载相应切图「图3」。

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

2. 切换百分比标注

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

在开发模式下,工程师可以通过开关来激活百分比标注模式。百分比标注的参考层是通过查看标注的两个元素自动计算得到的。您也可以通过在画板中右键来设置当前选中的元素做为百分比标注的参考层。要注意的是在同一个画板中,只允许同时存在一个手动设置的参考层。

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

在线协作效率提升

设计师可添加协作人员进入项目,完成的设计稿及切图可直接导入到 PxCook 协作项目中,并自动适配工程师所需的尺寸,工程师可直接查看相应代码,一键复制所需代码!

  • iOS 类型下: 支持 Objective-C Swift 和 ReactNative 类型的代码生成。
  • Android 类型下: 支持 XML 和 ReactNative 类型的代码生成。
  • Web 类型下: 支持 CSS 类型的样式代码生成。
涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

– End –

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com

以上就是本次 PxCook XD 切图功能的优化成果,

感兴趣的小伙伴们快来体验一下吧!为“产●设●研”而生!

微信关注公众号:像素大厨PxCook

可获取更多设计资讯,和各种作图小技巧

涨姿势!让你一分钟玩转XD切图-www.xdccpro.com
切图协作插件
5
分享本文
1
旅行订票APP暗黑模式
上一篇
Adobe XD即将更新主要功能
下一篇
评论 (0)

请登录以参与评论。

现在登录…
搜索
最新资源
Taro:多端统一开发UIKIT
2月前
Adobe XD即将更新主要功能
3月前
涨姿势!让你一分钟玩转XD切图
3月前
旅行订票APP暗黑模式
5月前
相关内容
涨姿势!让你一分钟玩转XD切图
3月前
XD官方教程 | 如何在XD中制作”拖拽手势”【附源文件】
5月前
工具 | Adobe XD 将主导 UI 设计工具的5大原因
5月前
XD使用技巧总结
8月前
5 1
相关文章
XD官方教程 | 如何在XD中制作”拖拽手势”【附源文件】
工具 | Adobe XD 将主导 UI 设计工具的5大原因
XD使用技巧总结
Adobe XD 基础动效大全
联系我们

友情链接
UI培训学校 XD中文网 XD设计资源联盟 标识导视图片
快捷访问
免责声明
Copyright © 2018-2019 www.xdccpro.com. Designed by nicetheme. 技术支持:
未登录
现在登录 / 注册,享受更多福利
  • 首页
  • 素材模板
    • 全部
    • APP
    • 网页
    • 图标
    • 原型
    • 样机
  • 教程观点
  • 插件工具
  • 资讯动态
  • 加入Q群
热门搜索
  • UI设计
  • uikit
  • APP
  • IOS设计
  • 安卓设计
  • ios
  • android
  • 教程
  • web
  • 网页设计
  • 社交
  • 交互
  • ICON
  • 图标
  • 设计模板
  • 中文手册
  • 官方
  • 设计规范
XD资源网
XD资源网 大管理
https://www.xdccpro.com
195 文章
24 评论
247 喜欢
Top