Figma community: Designing & launching a low-fi wireframe kit
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.
PROJECT OVERVIEW
Co-creator
ROLE
2 months
TIMING
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.
Creation & use
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
Button
Button
Button
Button
Button
Button
Button
Button
Button
Filter
Filter
Controls
Name me
Name me
Name me
Name me
Name me
Name me
Form elements
Select
Select
Search
Lorem ipsum
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
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m
Cancel
Name
Give your spot a name and short description
Low Lit Alley
Describe your spot
Continue
Cancel
Location
What’s the general location of your spot?
Brooklyn
Cancel
Location
Aurora, Illinois
Aurora University
347 S Gladstone Ave, Aurora, IL
Aurora, Colorado
Downtown Aurora
43 W. Galena Blvd, Aurora, IL
Aurora, Ontario
See more results
123
space
return
q
w
e
r
t
y
u
i
o
p
a
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m
aurora
Cancel
Location
Pin your specific location in Aurora, Illinois
Zoom in using your filanges, press and hold to pin your spot...
Continue
Instructions & 'how to's'
To ensure the kit’s purpose was clear, we included an introduction and a how-to guide, helping users of all experience levels start on the same page.
Impact
Since its launch in early 2022, the kit has been used by over 60,000 Figma users – with more than 10,000 discovering it in the first month alone.
It also sparked a now-established series of internal toolkits published by Method.
Features & press
2022 Finalist: Favorite UI Kit
Figma Community Awards
Industry blog
11 Best Figma Wireframe Templates
Creative Corner
11 Best Figma Wireframe Templates
Creative Corner