Wireframes: Basic sketches or blueprints of the interface design, which outline the layout and functionality of the interface.

Mockups: More detailed visual representations of the interface design, which include colors, typography, images, and other visual elements. Mockups can be presented in various formats such as static images, clickable prototypes, or interactive presentations.

Interactive prototypes: Functional prototypes that simulate user interactions with the interface design. Using Figma.

Style guides: Comprehensive documents that outline the visual and design guidelines for the interface, including colors, typography, iconography, spacing, and other design elements. Style guides help maintain consistency across different design elements and ensure a cohesive user experience.

Design specs: Detailed technical documents that outline the dimensions, font sizes, and other specific design elements of the interface design. These are often used by developers to ensure accurate implementation of the design.