Wireframing is a low-fidelity representation of the design that outlines the structure and functionality of a website or app, while prototyping is a high-fidelity representation of the design that shows the interaction between the user and the interface.