Figma Wireframe Library

To freshen up my wireframe design and knowledge of basic web blocks being used today, I created a Figma file as a resource to aid in future design projects. It contains multiple versions of wireframe-blocks for common types of web content like navigation, footer, hero, body layouts, column/card layouts, trust logos, testimonials, and more. Both desktop and mobile designs are present.

For some of these blocks, I used my existing skill and background in web design. For others, I researched various web pages and undesigned them into their basic wired elements.

Each wireframe block is a Figma frame, so they different blocks can be grouped in a vertical auto-layout allowing for easy swapping and adding to work-in-progress wireframe mock-ups.