完成草图后，进行编程的步骤如下：
理解编程基础知识
在开始编程之前，需要先掌握一些基础知识，包括编程语言的语法、数据类型、变量、运算符等。可以通过网络上的教程、书籍或者在线课程来学习。
选择编程语言
根据自己的需求和兴趣，选择一种适合自己的编程语言。常见的编程语言有Python、Java、C++等，每种语言都有其特点和应用领域。
学习绘图算法
绘图是编程中的一个重要部分，需要学习一些绘图算法。可以学习如何使用编程语言的图形库来实现基本的绘图功能，例如绘制直线、矩形、圆形等。
设计程序逻辑
在开始编写代码之前，需要先设计程序的逻辑。根据自己的需求，思考程序需要完成的功能，确定输入、输出以及处理逻辑。可以用流程图或伪代码来表示程序的逻辑结构。
编写代码
根据程序的逻辑设计，开始编写代码。根据所选择的编程语言，使用相应的语法和函数来实现绘图的功能。可以通过编写函数或者类来组织代码，提高代码的可读性和复用性。
调试和测试
在编写完代码后，需要进行调试和测试。检查代码中的错误并修复，确保程序可以按照设计的逻辑正确运行。可以通过运行测试案例来验证程序的正确性。
优化和改进
在程序可以正常运行后，可以考虑对代码进行优化和改进。可以尝试使用更高效的算法来提升程序的性能，或者添加新的功能来增强程序的功能性。
示例：使用Sketch2Code将手绘草图转换成HTML代码
上传草图
用户将手绘的草图照片上传到网站上。
视觉模型预测
自定义视觉模型预测在图像中出现的HTML元素，并将它们的位置标出来。
手写文本识别
手写文本识别服务读取预测元素中的文本。
布局算法
布局算法根据预测元素的边框空间信息生成网格结构。
HTML生成
HTML生成引擎使用上述信息来生成HTML代码。
通过以上步骤，可以将手绘草图快速转换成HTML代码，从而提高设计到开发的效率。