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
Arrows/arrow-up
Vector 476Close
Emotions/emoji-grinTech & Media/microphone
Cancel
Name

Give your spot a name and short description

Low Lit Alley
Describe your spot
Continue
Cancel
Arrows/arrow-left
Location

What’s the general location of your spot?

Brooklyn
Union
Cancel
Location
Arrows/arrow-left
location
Aurora, Illinois
location
Aurora University

347 S Gladstone Ave, Aurora, IL

location
Aurora, Colorado
location
Downtown Aurora

43 W. Galena Blvd, Aurora, IL

location
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
Arrows/arrow-up
Vector 476Close
Emotions/emoji-grinTech & Media/microphone
aurora
Union
Close
Cancel
Arrows/arrow-left
Location

Pin your specific location in Aurora, Illinois

Vector 379Vector 375Vector 376Vector 377Vector 378Vector 380Vector 381Vector 382Vector 383Vector 384Vector 385Vector 386Navigation & Transportation/location pinVector 387Vector 388Vector 389Vector 390Vector 391Vector 392Vector 393Vector 394Vector 395Vector 396Vector 397Vector 398Vector 399
Frame 10470

Zoom in using your filanges, press and hold to pin your spot...

Continue
Home
©️ Claire Lorman 2025

Designing and launching a low fidelity wireframe kit

image
Mask group
Group 59510 2Group 59510 1Screenshot 2024-09-03 at 4.07.55PM 1

Creating an accessible way to visualize designs

Creation & use

Key elements of the kit

Example of the kit in action

Features & press

Within our team, we started the first draft of kit - unintentionally. We found success in using the look and feel, as well as the components, so we took this opportunity to make a formalized kit.

We did some informal user testing with our teammates to get an idea of how best to organize our final kit.

The kit is organized in such a way that it allows users to easily sub out the components they want, allowing them to prioritize design over construction.

One of the biggest successes we saw was self-proclaimed “non-designers” feeling empowered to design more.

Button
paper-part
Button
Button
Button
Button
Button
Button
Button
Button
Button
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
Actions & UI/bookmark-full
plus
plus
plus
Symbols/swimmer
Filter
Symbols/swimmer
Filter
Controls
paper-part
Name me
Checkbox
Name me
Checkbox
Name me
Name me
Name me
Radio
Name me
Form elements
paper-part
Union
Search
Photo & Image/Placeholder 3
Lorem ipsum
Lorem ipsum
Union
LABEL
Lorem ipsum
Hint
0/32
LABEL
Lorem ipsum
Union
Hint
0/32

Pre-set components

The kit contains many pre-built components; these were components we had found were used frequently in wireframing. We are continuing to add updates to the kit, ensuring that designers are able to draw upon any type of design element they might need.

‘How-to’ instructions

We wanted the intention of the kit to come across, so we included an intro and how-to guide when users first open it.

Figma Community Awards - finalist

Low Fi Prototyping: what is it and how can it help?
[Figma resource library]

Design System Favorites
[Blog]

Figma Paper Wifeframe Kit: Embrace the Power of Low-Fi
[Article, written with Tyler Sharpe]

Examples

Before launch, we asked our teammates to create a few flows using the kit; these examples were then included so that kit users can see a few scenarios.

Impact

Since it’s launch in early 2022, the kit has been used by over 50k Figma users (with at least 10k users discovering it in the first month of launch).

Our kit also spearheaded a now established series of kits published internally by Method.

What 2What 1Screen Shot 2023-08-07 at 7.05 1
4:19
Screenshot_20200924-161348_NYTimes 1 (Traced)
Vector
location pinlocation pinlocation pinlocation pinlocation pinlocation pinlocation pinlocation pinlocation pinlocation pinVector 388Vector 390Vector 392Vector 397
Frame 10470

Your first stop is
75 Bayham St - load packages
#3409, #4099, and #1099 last.

You have (46) packages to deliver today - how do you want to see your package loading instructions?

Show as list
Show as photos
4:19
Screenshot_20200924-161348_NYTimes 1 (Traced)
Vector
2
3
5
Scan to core route
Confirm arrival time
Download route
En route
4
Day overview
notifications_unread
arrow_back
Home
4:19
Screenshot_20200924-161348_NYTimes 1 (Traced)
VectorGroupGroupGroupVectorGroup
BARKEREND
Meadow End
UNION
street name
street name
street name
street name
street name
Confirm location
Line 17
Union
airport_shuttle
Select location
Suggested
Bradford North DO
arrow_drop_down
Confirm location
open_in_full
Up next:
Navigation & Transportation/map-marker

3 Meadow End Cottages,
CREDITON, EX17 4PH

warning
1 item(s) for delivery
arrow_forward_ios

Inflight last updated: 07 March 13:40

View inflight jobs

No. of delivery items: 40/81

Show all jobs:
Delivery route: 39948573920
4:19
Screenshot_20200924-161348_NYTimes 1 (Traced)
Vector
Package details: UPI# 5632923947637
package_2

Louise Richardson
3 Meadow End Cottages, CREDITON, EX17 4PH

1 item(s) for delivery

*Warning* Broken fence, proceed with caution

Delivery to:
Customer
home
Neighbor
lock
Safe place
block
Undeliverable
Select process:
Arrows/chevron-down
Adhoc delivery
Continue
Vector
Job details
notifications_unread
arrow_back
Back
4:19
Screenshot_20200924-161348_NYTimes 1 (Traced)
Frame 33381Screenshot 2025-02-03 at 1.49.23PM

Along with Tyler Sharpe, I proactively created a low-fidelity ‘paper’ wireframing kit that was published to the Figma community. Since it’s launch in 2021, it has over 40k users. The kit has now set the tone at Method for proactive toolkits and has become widely used, even beyond Method. Read an article Tyler and I wrote about it here.

We started using lower fidelity wireframes with both our internal and client team, and saw that they allowed for collaboration that happened earlier and more often.

Group 59577 1Group 59578 1
About
Work
Features
Illustration
claire lormand 1