Celebrating

launch

on LinkedIn!

Grab

25%

off

with

LI25

code.

02 : 06 : 09 : 11

58 sketch components

200+ hand-drawn icons

Low fidelity.

Low fidelity.

High creativity.

High creativity.

Step back from the noise and focus on ideas with a wireframe kit that’s as simple as it is powerful.

Demo video — 30 seconds

Demo video — 30 seconds

In

the

era

of

UI

kits

and

comprehensive

design

systems,

we’ve

moved

away

from

the

raw

creativity

of

low-fi

ideation.

And

yet,

by

stripping

away

visual

complexities,

you

create

space

for

pure

ideation

and

innovative

design.

“Step

Back”

invites

you

to

rediscover

the

power

of

hand-drawn

simplicity.

Without

sacrificing

speed

and

efficiency.

Because

sometimes,

to

move

forward

you

gotta

get

a

little

messy

first.

In

the

era

of

UI

kits

and

comprehensive

design

systems,

we’ve

moved

away

from

the

raw

creativity

of

low-fi

ideation.

And

yet,

by

stripping

away

visual

complexities,

you

create

space

for

pure

ideation

and

innovative

design.

“Step

Back”

invites

you

to

rediscover

the

power

of

hand-drawn

simplicity.

Without

sacrificing

speed

and

efficiency.

Because

sometimes,

to

move

forward

you

gotta

get

a

little

messy

first.

Wireframing.

Wireframing.

Whenever, wherever.

Whenever, wherever.

Versatile, handy, and always ready. Step Back is the go-to kit for designers who need quick, quality wireframes anytime, anywhere.

Versatile, handy, and always ready. Step Back is the go-to kit for designers who need quick, quality wireframes anytime, anywhere.

Unique hand-drawn style

The distinct hand-drawn style of the Step Back Wireframe Kit stimulates out-of-the-box thinking and clearly communicates that designs are in-progress and open to change.

This means your stakeholders are less likely to fixate on specific design choices, and makes your design process feel more collaborative and open to input overall.

Unique hand-drawn style

The distinct hand-drawn style of the Step Back Wireframe Kit stimulates out-of-the-box thinking and clearly communicates that designs are in-progress and open to change.

This means your stakeholders are less likely to fixate on specific design choices, and makes your design process feel more collaborative and open to input overall.

58 components & over 350+ variants

From basic UI elements to complex layouts, Step Back equips you with a vast array of hand-drawn components. Each component has been carefully designed with multiple variants.

This gives you the flexibility to create diverse, authentic-looking wireframes that spark imagination and invite collaboration.

58 components & over 350+ variants

From basic UI elements to complex layouts, Step Back equips you with a vast array of hand-drawn components. Each component has been carefully designed with multiple variants.

This gives you the flexibility to create diverse, authentic-looking wireframes that spark imagination and invite collaboration.

200+ hand-drawn icons

Step Back is powered by a hand-drawn version of tailwind’s Heroicons set. Each icon has been re-drawn to complement the organic style of the Step Back Wireframe Kit.

This gives you a perfect visual vocabulary to communicate ideas quickly and effectively.

200+ hand-drawn icons

Step Back is powered by a hand-drawn version of tailwind’s Heroicons set. Each icon has been re-drawn to complement the organic style of the Step Back Wireframe Kit.

This gives you a perfect visual vocabulary to communicate ideas quickly and effectively.

Easy customization

With just five main color variables to choose from, it’s super easy to tailor Step Back to be distinctively yours while retaining the charm of hand-drawn aesthetics.

Easy customization

With just five main color variables to choose from, it’s super easy to tailor Step Back to be distinctively yours while retaining the charm of hand-drawn aesthetics.

Figma best practices

With variables, variants, advanced component props, and auto-layout, Step Back is the perfect blend of organic design and technical excellence.

Figma best practices

With variables, variants, advanced component props, and auto-layout, Step Back is the perfect blend of organic design and technical excellence.

Keywords

With each component being tagged with multiple keywords, you'll always find the right Step Back component in seconds, keeping your creative flow uninterrupted.

Keywords

With each component being tagged with multiple keywords, you'll always find the right Step Back component in seconds, keeping your creative flow uninterrupted.

Scribble

No copy, no data? No problem; it’s not what low-fi mockups are for. With a simple toggle and corresponding text styles you can transform text of any component into a funky line.

Scribble

No copy, no data? No problem; it’s not what low-fi mockups are for. With a simple toggle and corresponding text styles you can transform text of any component into a funky line.

Four shades of awesome.

Four shades of awesome.

One click away.

One click away.

Swap colors faster than you can say "wireframe". With four schemes at your fingertips, your design mood is always in style.

Swap colors faster than you can say "wireframe". With four schemes at your fingertips, your design mood is always in style.

Light

Dark

Blueprint

Olive

Light

Dark

Blueprint

Olive

It’s a sketchy style.

It’s a sketchy style.

Not a sketchy business.

Not a sketchy business.

Solo

$29

For the design superhero working alone

Single user license

58 hand-drawn UI components

200+ hand-drawn icons

4 color themes

Lifetime updates

Team

$89

For design teams that draw outside the lines together

Everything in solo

Up to 10 licenses

Step Back.

FREE sample.

Curious about Step Back? Grab a free sample and unleash your inner sketcher.

Secure payments via Lemon Squeezy ・ Plus local taxes

What is the Step Back Wireframe Kit?

Step Back Wireframe Kit is a comprehensive collection of components and templates designed to streamline your wireframing process in Figma. It provides a wide range of elements to help you quickly sketch out ideas and create functional wireframes for your projects.

What is the Step Back Wireframe Kit?

Step Back Wireframe Kit is a comprehensive collection of components and templates designed to streamline your wireframing process in Figma. It provides a wide range of elements to help you quickly sketch out ideas and create functional wireframes for your projects.

Do I need to be experienced with Figma to use this kit?

Do I need to be experienced with Figma to use this kit?

Can I use Step Back for commercial projects?

Can I use Step Back for commercial projects?

How do I access updates for the kit?

How do I access updates for the kit?

Do you offer discounts for students and educators?

Do you offer discounts for students and educators?

What makes Step Back different from other wireframe kits?

What makes Step Back different from other wireframe kits?

How do I import Step Back into Figma?

How do I import Step Back into Figma?

How can I get additional support or ask questions?

How can I get additional support or ask questions?