A CSS file plays a vital role in web design by controlling the presentation and layout of a website. It allows designers to specify styles, including colors, fonts, and spacing, separately from the HTML content, leading to better organization and easier maintenance. CSS enables the implementation of responsive design, allowing websites to adapt to various devices and screen sizes. Ultimately, a CSS file enhances the overall aesthetic and usability of a web page.