UI8 – Wireframes by UX Field Guides U1104

The fastest and most effective design system for creating mid-fidelity wireframes in Figma. Quickly produce wireframes that solve UX problems without getting lost in the details of the UI. Deliver wireframes that feel loose and collaborative, are completely neutral in style and brand—and yet, still look great.

This is not a collection of screens or pre-designed layouts. This is a powerful system of atom-level components, text, color and grid styles for you to use to solution your own unique UX problems—suitable for the design of any type of digital interface.

The Figma file contains 24 atom-level components, each with robust variants, properties and overrides to build bigger components and layouts, 15 carefully set text styles, 15 color styles, 2 grid styles for desktop and mobile screens, and the full text of our 5 Principles of Effective Wireframes—the principles that the kit was built on.