有了原型图后，编程的步骤如下：
使用原型快速开发工具
利用原型快速开发工具（如Axure、Sketch、Figma等）来绘制原型功能结构，这有助于确认需求。这个阶段可能由需求调研人员或项目经理完成。
绘制平面设计稿
制作高保真的平面设计稿，包括颜色、字体、布局等细节。这有助于设计师和开发团队更好地理解最终产品的视觉效果。
切图
将设计稿切分成图片和图标，以便在HTML和CSS中使用。切图通常由设计师完成，但开发人员也可以参与这个过程以确保图片和图标的质量和兼容性。
制作HTML和CSS原型页面
根据设计稿和切图，开发人员可以开始制作HTML和CSS原型页面。这个阶段主要是将设计稿转换为可交互的网页。
配合程序员套用页面
设计师和开发人员需要紧密合作，确保原型页面在功能和技术实现上的一致性。开发人员可以根据原型页面进行编码，实现原型图中的各项功能。
建议
保持沟通：设计师和开发人员需要保持密切沟通，确保在开发过程中对需求和设计有共同的理解。
迭代开发：原型开发过程中，建议采用迭代的方式，逐步完善功能和设计，确保最终产品符合预期。
使用版本控制：使用版本控制系统（如Git）来管理代码，便于团队协作和代码管理。
通过以上步骤，你可以根据原型图顺利地进行编程工作。