pxcook可高效提取设计稿颜色、字体及组件规范并导出结构化文档。需导入psd/sketch源文件，依次执行颜色提取、文本样式标注、组件锚点标记，最后整合csv、markdown等导出内容至外部工具完成终稿。
当您需要从设计稿中系统性提取颜色、字体等设计规范并生成可交付的规范文档时，PxCook 可以作为高效辅助工具完成关键信息识别与结构化输出。以下是实现该目标的具体操作路径：
一、导入PSD/Sketch设计稿并启用智能解析
PxCook需先加载具备图层结构的源文件，才能准确识别颜色值、文字样式及层级关系。仅支持PSD（Windows/macOS）与Sketch（macOS via插件）格式，其他格式如PNG/JPG无法提取图层样式信息。
1、启动PxCook V3.9或更高版本软件。
2、将PSD文件直接拖拽至PxCook主界面空白区；若使用Sketch，需先安装官方插件，点击“导出当前画板到PxCook”触发自动同步。
3、等待解析完成，确认图层面板中可见全部分组、文本图层与形状图层，未显示图层说明文件未正确加载或含嵌套智能对象，需在原设计软件中栅格化处理。
二、批量提取颜色规范并导出色值表
PxCook能自动识别图层填充色、描边色及文本色，并支持按图层命名规则归类颜色用途，但不支持自动语义命名（如“主按钮背景”），需人工校验后补充。
1、在左侧工具栏点击“颜色提取”图标（滴管状按钮）或使用快捷键Ctrl+Shift+C（Win）/Cmd+Shift+C（Mac）。
2、在画布中依次点击含目标颜色的图层区域，右侧“颜色面板”将实时列出HEX、RGB、HSL值及出现频次。
3、勾选需保留的颜色项，右键选择“导出为CSV”，保存至本地；导出前务必手动重命名每行“颜色名称”列，例如“primary-500”“text-secondary”。
三、提取字体样式并生成文本规范清单
文本图层的字体族、字号、字重、行高、字间距、对齐方式等属性均可被PxCook读取，但需确保PSD中文字图层未被栅格化且未应用图层样式覆盖原始字体设置。
1、使用鼠标单击任意文本图层，左侧智能标注区将激活“文本样式”模块。
2、点击“生成文本样式标注”按钮（或按快捷键2），画布上即时显示该图层完整样式信息浮层。
3、重复步骤1–2，覆盖所有典型文本状态（标题、正文、提示文字、禁用态等）；若同一字号存在多种字重混用，需分别标注并记录使用场景。
4、在PxCook顶部菜单栏选择“文件 → 导出文本规范 → Markdown/PDF”，生成结构化文档初稿。
四、构建组件级设计规范框架
通过图层分组命名与嵌套关系，PxCook可辅助梳理按钮、卡片、表单等组件的视觉变量组合，但需设计师预先建立符合规范的图层命名体系（如“btn/primary/large/filled”）。
1、在PSD中确保所有组件均位于独立图层组，组名遵循“类型/状态/尺寸/样式”四级结构。
2、在PxCook中展开图层面板，右键任一组名，选择“标记为组件规范锚点”。
3、依次选中各组件组，点击“区域标注”按钮（快捷键3），自动生成宽高、内边距、圆角、阴影等参数。
4、对每个组件组重复执行颜色与文本样式提取步骤，导出时勾选“按组件分组汇总”，即可获得带截图与参数的组件规范片段。
五、整合输出标准化设计规范文档
PxCook本身不提供排版编辑功能，但支持将前述各模块导出内容统一汇入外部文档工具进行终稿编排。关键在于保持数据源头一致性，避免手动二次录入误差。
1、将CSV色值表、Markdown文本规范、组件参数截图三类文件存放于同一项目文件夹。
2、使用Notion/Axure/Typora等工具新建文档，按“色彩系统→排版系统→组件库→动效说明”顺序粘贴内容。
3、在色彩章节插入色卡可视化表格，在排版章节插入字体对比示意图，在组件章节插入标注截图并标注关键约束条件；所有数值必须与PxCook导出原始数据完全一致，禁止四舍五入或主观简化。
