pxcook支持三种文字批注方式:一、用“文字注释”工具添加独立可拖动备注;二、在智能标注面板为图层添加强关联备注,导出时随图层显示;三、结合“区域标注”与文字注释,对元素组进行结构化说明。

如果您在使用PxCook对设计稿进行标注时,需要向开发或协作成员传达额外说明、修改意图或上下文信息,则可通过添加文字批注实现。以下是具体操作方法:
一、使用左侧“文字注释”工具添加备注
该方法适用于在画布任意空白处或元素附近插入独立文字框,用于说明设计逻辑、交互限制或临时提醒。文字注释不绑定图层,可自由拖动与编辑。
1、启动PxCook并成功加载PSD或Sketch设计稿。
2、在界面左侧工具栏中,点击“文字注释”图标(T形图标)。
3、在画布上单击鼠标左键,创建一个文字输入框。
4、输入所需备注内容,例如“此处需适配深色模式”或“按钮点击后触发Toast提示”。
5、点击画布空白处或按Enter键确认输入,文字即固定显示在标注稿上。
6、双击已添加的文字可重新编辑;选中后按Delete键可删除。
二、在智能标注面板中为特定图层添加备注字段
此方式将备注与图层强关联,导出标注页时会随该图层一同呈现,适合对按钮、图标、文案等具体元素附加说明性文字。
1、使用“选择工具”框选目标图层(如一个输入框或Tab组件)。
2、右侧属性面板自动展开,找到“备注”或“Comment”输入栏(部分版本显示为“附加说明”)。
3、在该输入框内键入文字,例如“必填项,校验规则见API文档v2.3”。
4、确认输入后,该备注会以小号灰色字体显示在对应图层的智能标注信息下方。
5、若图层被重新选中,备注栏仍保持可编辑状态。
三、利用区域标注叠加文本框实现结构化备注
当需对一组元素(如表单区块、弹窗布局)统一说明时,可先划定区域再嵌入备注,增强信息组织性与视觉归属感。
1、点击左侧工具栏中的“区域标注”图标(方框图标)。
2、在画布上拖拽框选出目标范围(如整个登录模块)。
3、松开鼠标后,区域自动标注尺寸,并在右上角生成编号标签(如“R1”)。
4、再次点击“文字注释”工具,在该区域内部或紧邻位置添加文字框。
5、输入结构化备注,例如:“【登录流程】① 手机号格式校验前端完成 ② 错误提示统一用红色#E23A3A”。
6、调整文字框位置,使其与区域标注形成视觉呼应。











