pxcook中标注单位显示为px而非目标平台单位,需依次设置:一、通过单位面板临时切换平台;二、用“修改开发平台”设定项目级默认;三、在上传插件中配置全局默认平台与倍率;四、启用自定义单位转换实现强制统一。

如果您在PxCook中打开设计稿后,标注值始终显示为像素(px)而非目标平台单位(如Web的rem、Android的dp、iOS的pt),则可能是开发平台未正确设定或未持久化保存。以下是设置默认标注平台并固定Web、安卓、iOS开发平台的具体操作:
一、通过单位面板切换当前标注平台
该方法适用于单次设计稿的临时平台切换,单位面板会直接影响标注值、切图尺寸及代码预览中的单位输出。切换后平台设置仅对当前文件生效,不改变全局默认。
1、在PxCook中打开任意设计稿,确保处于“开发模式”(右上角显示“开发”标签)。
2、点击右侧属性面板顶部的单位面板(通常显示为“px”或当前单位缩写)。
3、在弹出的下拉菜单中,选择目标平台:Web/H5、Android 或 iOS。
4、确认选择后,所有标注数值(如宽高、间距、字体大小)将实时转换为对应平台单位,并同步更新右侧代码预览区。
二、通过“修改开发平台”设定项目级默认平台
此操作将把当前设计稿绑定至指定平台,并影响后续上传插件行为(如倍率匹配、代码语言生成)。平台信息随设计稿元数据保存,关闭再打开仍保持一致。
1、在开发模式下,点击右侧属性面板中“修改开发平台”按钮(位于单位面板下方或平台标识旁)。
2、在弹出的选择界面中,勾选Web/H5、Android 或 iOS 中的一项。
3、注意:所选平台的设计稿倍率必须与上传插件时选择的倍率完全一致;若不一致,需返回插件重新上传。
4、点击确定后,平台标识将固定显示在界面顶部,且自动生成的前端/原生代码语言随之切换(如iOS显示Objective-C/Swift片段,Android显示Kotlin/Java片段)。
三、通过上传插件设定全局默认平台偏好
该方式可使新创建或首次上传的设计稿自动匹配预设平台,避免每次手动切换。设置存储于本地插件配置中,跨项目生效。
1、在Sketch或Figma中安装并打开摹客插件(如“摹客-设计协作”)。
2、点击插件面板右上角“设置”图标(齿轮),进入插件偏好设置。
3、找到“默认开发平台”选项,从下拉列表中选择Web/H5、Android 或 iOS。
4、同时确认下方“默认倍率”(如1x、2x、3x)与目标平台规范一致:Web常用1x/2x,Android常用2x/3x,iOS常用2x/3x。
5、保存设置后,此后所有通过该插件上传的设计稿,均自动以所选平台和倍率解析,PxCook中打开即显示对应单位。
四、使用自定义单位转换实现跨平台强制统一
当需要同一份设计稿同时适配多个平台(如Web与iOS共用),又希望标注值始终按某一套规则输出时,可启用自定义单位转换,绕过平台绑定逻辑,直接控制换算倍率。
1、在开发模式下,点击单位面板,选择“自定义单位转换”。
2、输入目标单位名称(如“web-rem”),并设置1px = 0.0625rem(基于16px基准)或1px = 1dp等精确换算比。
3、勾选“设为默认单位”,该配置将优先于平台选择生效。
4、此时无论平台标识显示为何,所有标注值均按自定义规则计算,适用于需严格遵循特定技术规范的团队场景。











