绘制小程序原型图的方法如下：
使用Axure RP 9
使用Axure RP 9绘制小程序的原型图，可以创建打卡模块首页、查询打卡页面、打卡查询详情页面等。Axure RP 9是一款专业的原型设计工具，能够帮助设计师高效地完成原型设计工作。
制作功能构架思维导图
在开始绘制原型图之前，先制作小程序的功能构架思维导图。这有助于理清思路，明确小程序的功能点，并在后续设计中保持方向一致，减少返工。
使用动态面板
在原型设计中，可以使用动态面板来模拟页面元素的滑动、折叠等交互效果。例如，在墨刀中，可以创建两个动态面板：UI和Content。UI面板作为当前界面，Content面板用于放置所有要展现的内容。通过设置动态面板的交互事件，如OnDrag添加事件Move with drag，可以实现滑动效果。
使用墨刀创建原型
使用墨刀创建原型项目，可以选择新建空白原型稿或利用墨刀提供的精品模版。在墨刀中，可以拖动组件到画布进行创作，并给原型添加交互效果，如页面跳转和状态变更。墨刀还提供了页面组件的快速复用功能，可以大大提高设计效率。
注重界面设计和用户体验
在绘制原型图的过程中，要注重界面设计的清晰性和功能专一性，以增强用户体验。做好页面设计图后，再进行前端页面的开发，并与后端接口进行对接。
通过以上方法，可以有效地绘制出小程序的原型图，为后续的开发工作提供清晰的指导和参考。
