Wireframes, mockups, and prototypes are common terms used by product teams. Each one is used to illustrate concepts, gather feedback, and gain consensus so that teams can design and build exactly what customers want. Although wireframes, mockups, and prototypes may seem similar, they all serve a unique role at distinct times during the product development lifecycle. This is exactly what we gonna explore in this article- wireframes, mockups, and prototypes in the order they appear during the design process.