Designing the contact cell

The first thing you need to do is drag a UITableViewCell out from the Object Library and drop it on top of the UITableView. This will add the cell as a prototype cell. The design you create in this cell will be replicated in all other cells that are added to the UITableView through code.

Next, drag out a UILabel and a UIImageView from the Object Library to the newly added UITableViewCell, and arrange them as they are arranged in the following screenshot. After you've done this, select both the UILabel and UIImage and use the Reset to Suggested Constraints option you used earlier to lay out the UITableView. If you have both the views selected, you should see the same blue lines that are visible in the following screenshot:

These blue lines represent the constraints that were added to lay out your label and image. You can see a constraint that offsets the label from the left side of the cell. Between the label and the image, a constraint is shown that spaces these two views. The horizontal line through the middle of the cell is a constraint that vertically centers the label and image inside of the cell. You can inspect these constraints in detail in the Document Outline on the right. Now that our cell is designed, it's time to create a custom subclass for it and hook up @IBOutlets.