pxcook提供四种快捷复制标注信息的方法:一、右侧属性面板点击【复制】图标复制颜色值或尺寸;二、多选图层后右键“复制标注信息”批量导出;三、开启开发者模式后用alt/option+c/d快捷键复制颜色或尺寸;四、安装“code exporter”插件生成并复制css代码。

如果您在使用PxCook进行设计稿标注时,需要将颜色值、尺寸数值或代码片段快速复制到剪贴板,但发现操作路径不清晰或效率较低,则可能是由于未掌握内置快捷功能或插件联动机制。以下是实现该目标的多种方法:
一、使用右侧属性面板一键复制
当在PxCook中选中图层后,右侧属性面板会显示该图层的详细标注信息,包括颜色十六进制值、字体大小、间距、边框等。面板中部分字段旁带有【复制】图标,点击即可直接写入系统剪贴板。
1、在画布中单击选中任意一个图层元素(如按钮、文字块或色块)。
2、观察右侧属性面板,在“颜色”项右侧找到两个重叠方块形状的图标,鼠标悬停显示“复制颜色值”。
3、点击该图标,此时#FF6B35(或其他实际值)已存入剪贴板。
4、在“尺寸”区域,找到“宽度”或“高度”数值右侧的相同图标,点击即可复制对应像素值,例如120px。
二、通过右键菜单批量提取标注文本
PxCook支持对多个图层同时执行标注信息导出,右键菜单提供结构化文本复制能力,适用于需一次性获取颜色+尺寸+字体等组合信息的场景。
1、按住Ctrl(Windows)或Command(macOS)键,依次点击画布中多个目标图层,完成多选。
2、在任意被选图层上单击右键,从弹出菜单中选择“复制标注信息”选项。
3、打开记事本或代码编辑器,按Ctrl+V粘贴,可见格式化文本,形如:Button: #3498db | 144×44px | font-size: 16px。
三、启用开发者模式调用快捷键复制
开启PxCook隐藏的开发者功能后,可激活全局快捷键,无需鼠标点击,大幅提升高频复制操作效率。该模式默认关闭,需手动激活。
1、在PxCook主界面顶部菜单栏,依次点击帮助 → 切换开发者模式,重启软件生效。
2、重新打开项目,选中图层后按下Alt+C(Windows)或Option+C(macOS),自动复制当前图层主颜色值。
3、按下Alt+D(Windows)或Option+D(macOS),复制该图层全部尺寸数据,含宽高、内边距、外边距等。
四、利用插件扩展导出CSS变量代码
安装PxCook官方插件“Code Exporter”后,可将标注结果直接转换为CSS声明格式,并支持一键复制整段样式代码,适配前端开发流程。
1、访问PxCook插件市场,搜索并安装“Code Exporter”插件,安装完成后重启软件。
2、选中图层,在右侧属性面板底部找到“生成CSS”按钮并点击。
3、弹出预览窗口中,确认生成内容为:.icon-btn { width: 120px; height: 44px; background-color: #2ecc71; }。
4、点击窗口右上角“复制代码”按钮,整段CSS即刻就绪待粘贴。











