Three artboard sizes are on the top left corner (mobile, tablet, desktop).

The artboard sizes for standard are the ones. you would find on Adobe XD, Sketch, and Figma: 390, 768, and 1024px.

If you are getting a custom Wirekit, you will be able to choose three artboard sizes.

You have 3 options for element sizes. We have  selected certain shapes so that you can build useful elements like buttons, inputs, radio, selectors, or toggles.

You can be creative: the grey padding allows you to use shapes together.


The standard sizes that we chose are: 32px, 48px, 64px height. Custom Wirekits will accommodate for the heights that your. design system requires.

We provide 2 icon sizes and 3 font sizes.

The icons we have selected will do well for wireframing: hamburger menu, home, search, bookmark, heart, star, arrow head, and user.

For headings, we have guide-rails to help with heading sizes. For p, we have created an easy way to scribble lines with the right padding.

Have you noticed that each shape on the Wirekit has a. grey padding around it?

The goal with this padding is to allow you to combine shapes together in order to create more complex elements.

This works with every shape on your Wirekit. Ex: combine: w medium box, a small user icon, and a line of p, and you will get a user input.

The whole stencil is on a 16px grid. This will help you organize your layout and space your elements.

You also have a couple tools at the bottom of. your wirekit that enable you to center and space elements properly.

Standard Wirekits have the following margins: 16, 32, 64, and 128px. With custom Wirekits, those margins can be pretty much anything.

Finally, you have a regular ruler for custom sizes and distances.