编程教程的设计图可以通过以下步骤来画：
选择合适的工具
可以使用流程图绘制工具，如Microsoft Visio、Lucidchart、Draw.io等。
也可以使用UML工具，如Enterprise Architect、StarUML等。
对于简单的编程教程，可以使用在线绘图工具，如迅捷画图。
确定图表类型
根据需要表示的程序逻辑和流程，选择合适的图表类型。例如，如果需要表示程序的执行顺序和条件判断，可以使用流程图；如果需要表示程序的类和对象关系，可以使用UML类图。
绘制图形元素
根据程序的逻辑和流程，使用图形化工具绘制相应的图形元素。例如，在流程图中，可以使用矩形表示开始和结束节点，使用箭头表示流程的执行顺序，使用菱形表示条件判断等。
在UML类图中，可以使用矩形框表示类，使用箭头表示类之间的关系，如继承、关联、依赖等。
连接图形元素
根据程序的逻辑流程，使用合适的连接线将图形元素连接起来。连接线可以表示程序的控制流程，例如，箭头表示从一个节点到另一个节点的执行顺序。
添加注释
在编程图中添加必要的注释，以便更清晰地说明程序的逻辑和流程。注释可以包括文字描述、变量名、函数名等。
调整布局
根据需要，调整编程图的布局，使其更易于理解和阅读。可以调整图形元素的位置、大小和间距，以及调整字体大小和颜色等。
细节完善
检查编程图是否准确无误，是否能够清晰地表示程序的逻辑和流程。根据需要，进行必要的修改和调整。
```python
import turtle
画一个圆形
turtle.circle（100）
画一个正方形
for _ in range（4）:
turtle.forward（100）
turtle.right（90）
隐藏画笔
turtle.hideturtle（）
结束绘制
turtle.done（）
```
通过这些步骤和示例代码，你可以设计出清晰、易懂的编程教程设计图。