This paper will describe design systems, their role in the development of web pages, web technologies that enable the construction of design systems, and how they are used in user interface design programs. The practical part of the task will include the design of a responsive web application for weather forecasting with the implementation of the Atomic design system. The application development process itself was divided into six steps: design planning, template creation, atom creation, connecting atoms into molecules, connecting molecules into organisms, and assembling and prototyping the application. The developed design system offers a number of practices and elements that enable easy and fast creation of any website in the future. The aim of the paper is to introduce readers to design systems and demonstrate its use on the example of web application. The technologies used in the creation of the work are Figma tool for designing and prototyping user interfaces and FigJam tool for collaboration.