Mockups are visual representations or prototypes of how a website or webpage will look before it is built or finalized. In the design process, designers often use tools like Figma to create mockups that showcase the desired layout, elements, and overall design of the website. Figma allows designers to experiment with different design elements, add placeholder content, and iterate on the visual presentation. Once the mockup is finalized in Figma, it serves as a reference for the design and development process in Wix, where the actual website is built using the Wix drag-and-drop editor, selecting templates, and customizing elements to bring the design to life on the Wix platform.