PxCook 像素大厨！ PS 切图功能大革命

[PxCook]

"关注像素大厨，把繁琐的事情交给我"👉

亲爱的小伙伴们好！好久不见。我们已经放出了打磨许久的「全新 PS 切图功能」，切图嗷嗷快，协作爽歪歪！从此小伙伴们在使用 PxCook 切图功能时事半功倍。

此次的更新，我们彻底摒弃了原有的切图方式~

让我们来看看新版 PxCook 切图功能优化后带来的福音吧！

重点优化

• 切图功能更稳定

• 切图过程更快速

• 体验更流畅

• 协作更便捷

• 涵盖旧版本优选功能

光说不练假把式，我们上图来体验下新版本切图所带来的丝滑般感受

17 个图层切为 1x,2x 和 3x，总共 51 个图标就已经已经顺利导出完成啦~

那么，这么好用的切图功能，应该如何使用呢？

切图功能更稳定

全新版本的 PS 切图，我们采用了更直接 PS 插件方式，摒弃了旧版本切图方式所带来的体验上的弊端。操作更加专注，且对于新版本 PS 的兼容性会更好~如果新版本遇到切图过程障碍，切图后台会智能的跳到备选切图方案中，直到切图成功为止。

切图过程更快速

新版本从切图外观上更改为以读条形式切图，并且采用 PS 更加原生的切图方式，以确保切图过程 PS 文档不再闪烁，让速度快了 3-5 倍左右。

首先保存 Psd，然后点击切图面板，选择所要输出图层并 [标记为切图] 即可将画板附带切图导出到 PxCook 中，将如下的 PS 画板，按照如图所示的设置导出到 PxCook。只要将需要切图的图层标记并保存，即使图层再多，切图过程也可一步到位，无需长时间等待，更加提高工作效率！

体验更流畅

我们设计了更简洁的切图操作界面，切图插件也无需手动安装，并且插件与 PxCook 更加紧密的连接，体验更流畅，操作更便捷！

该设备和分辨率选项，需要您根据当前设计稿的尺寸来进行选择（例如：您的设计稿是 iOS 设备且宽度为 375，那需要您将设备选择为 iOS，分辨率选择为 1x ）。设备类型和设计稿分辨率的选项，只会决定标记的切图的生成尺寸，标记的切图将会根据您设置的设计稿分辨率为基准，缩放为当前项目所需的各个尺寸。

协作更便捷

设计师完成的切图可直接导入到 PxCook 协作项目中，并且可自动适配开发人员所需的尺寸，开发人员只要在协作项目右侧边栏中查看或直接下载到成果图层，省去相当无用环节，让开发人员处理更便利！

涵盖旧版本优选功能

I. 随意定义切图大小尺寸

可以将你希望输出的大小尺寸切图导入到 PxCook 中，新建一个形状图层，将图层调整为想要输出的尺寸，并重命名为“#”或“@bounds ”，然后与所需输出的图层一起编组，导入到 PxCook 中即得到你想要尺寸的图层了。

II. 切图导出到本地

点击面板右下角 [导出当前选中到本地] 、 [导出所有切图到本地] 即可将当前选中的图层或组直接导出到本地文件夹中。之后在弹出的对话框中，可以选择需要导出的分辨率，默认为导出全部。

---

以上就是本次 PxCook PS 切图功能的革命成果，

感兴趣的童鞋们快来体验一下吧！为“产●设●研”而生

End

来自 PxCook 官方团队 ，专注多年设计研发的效率协作工具

喜欢的小伙伴可搜索

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

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

[lllllliu]

emmm，是不是蓝湖，mockplus 比较舒服呀。。还可以生成代码。。也不用来回传图。也不需要安装 ps..

[lllllliu]

@lllllliu 对不起没看到客户端哈哈哈

[hstdt]

客户端生成的 swift 代码好像有点老了，不知道有没有更新

[yiwei20000wj]

工具是好工具，但是大家都用 Sketch 了

[hteen]

react 都支持了，flutter 不考虑一下吗

[NonClockworkChen]

写 RN，用了一年 pxcook，支持！！！

[hoythan]

@yiwei20000wj Sketch 并没有这个好用

[guolaopi]

我以为是 PS 插件。。还心想着请教一下。。。
最近在折腾 PS 的插件（ CEP 形式的）搞得头疼，效率和体验都不佳

[sobigfish]

@hoythan #7 一个位图一个矢量 完全没有可比性

[darmau]

现在真的还有人用 ps 做界面么

[PxCook]

@hteen 好的 非常感谢反馈，我们记录一下后期看看能不能支持一下

[PxCook]

@NonClockworkChen 非常感谢您的支持~！

[PxCook]

@lllllliu PxCook 也是可以生成代码，不用来回传图，并且工程师端也不用安装 PS 呦~

[PxCook]

您可以关注我们公众号“像素大厨”，然后把您认为更合适以及可以优化的生成代码方案私信给我们~，我们会尽快改进哒~

[PxCook]

@hstdt 抱歉上条忘记艾特您啦

[PxCook]

@yiwei20000wj PxCook 也是支持 Sketch 的，教程见这里： https://fancynode.com.cn/pxcook/docs?ids=tutorial/import/sketch

[andyiac]

一直在用像素大厨，更新确实很快，但最近的版本考虑优化下性能吧，一打开整个电脑都卡了，VScode 写代码有有延时了。

https://sm.ms/image/gNLhFpq1AHPs3Kx

[andyiac]

接 17 楼 抱歉图片地址有误

https://i.loli.net/2019/09/10/gNLhFpq1AHPs3Kx.png

[PxCook]

@andyiac 是什么阶段发生的？是打开软件发生的？还是打开项目发生的？还是静默状态一直这样？

[andyiac]

@PxCook #19 软件打开后