Atlas is a set of wireframe layout blocks and elements used for fast prototyping. A starting point for the visual communication between client, designers while also functional for developers.

I created it for Adobe XD and Figma, with every detail defined in library as an asset or component. A huge time saver with quickly convertible prototypes to final design. And automatically ready for handout to devs with SVG assets and definitions — typography, color palette, sizing, spacing scale, etc.

Atlas turned out to be very useful and we used the system for rapid prototyping as well as creating complete designs, all aligned with the front-end and back-end development process.