Claire Lorman

Figma community: Designing &

launching a low-fi wireframe kit

Project overview

In 2022, Tyler Sharpe and I created a low-fidelity “paper” wireframing kit, which we shared within our internal teams. We decided to launch via the Figma community to share our success; the kit has since grown to reach over 65,000 people. Explore (and use!) the kit here, and read the article we wrote about it's creation here.

For the portrayal of Callum Hayes I utilized a photograph by Justin Clark available on Unsplash. This image, captured on August 26, 2018, can be freely used for both personal and commercial purposes under Unsplash's license, which does not require attribution.

Role

Co-creator

Team

Timing

2 months

Creation & use

Within our team, the first draft of the kit began unintentionally. We found success using its look and feel, as well as the components, so we took the opportunity to formalize it into a complete kit. We also did some informal user testing with our teammates to understand the best way to organize the final version.

The kit is organized to make it easy for users to swap out components, allowing them to focus on design rather than construction. One of its biggest successes was seeing self-proclaimed “non-designers” feel empowered to engage more confidently in the design process.

Button

Filter

Controls

Name me

Form elements

Select

Lorem ipsum

Label

Lorem ipsum

Hint

0/32

Label

Lorem ipsum

Hint

0/32

Pre-set components

The kit includes a wide range of pre-built components—ones we found were commonly used in wireframing. We continue to update it regularly to ensure designers have access to any design element they might need.

Included in the Figma file

Examples of the kit in use

Before launch, we asked our teammates to create a few user flows using the kit. These examples were then included to help users see how the kit can be applied in different scenarios.

123

space

return