Wireframes are the type of document most closely associated with the role of UX Designer. More specifically, though, they represent the output of a subset discipline called "Interaction Design (IxD)." Wireframes specify the form and behavior of software interface components. They are typically arranged sequentially by scenario and include detailed annotations. Wireframes should not be confused with "prototypes," which are distinct in being interactive and navigable. Wireframes are static, utilitarian, formalized documents similar in nature and purpose to architectural blueprints. Wireframes are consumed by Developers who use them to write production code and less often by Visual Designers to create "comprehensive layouts" (which in turn are used by UI Developers to code pixel-perfect interfaces). Wireframes get their name from their often spartan black-and-white appearance, depicting only the outlines of the specified screen components. However, wireframes are occasionally rendered in high resolution and these are additionally appropriate for cross-functional presentation.
B2B SaaS Feature - 2018
An especially compendious wireframe I wrote for a B2B SaaS in 2018 describing a new feature that included much hidden nuance and multiple edge-cases.