This instructable shows how to build a Woody UI Kit.

You can also get a ready to use kit from Woody UI Kit website woodyui.com.


The Woody UI Kit is a low cost, low-fidelity prototyping tool for designing web and mobile interfaces using wooden blocks, paper and pencil.

The Woody UI Kit is aimed at UI designers, web and mobile developers. It leverages the “feel” of moving around wood blocks, and brings back to the user’s memory when as a kid she played with wooden toys. Handling something physical instead of moving the mouse pointer on a screen, also fosters the creativity side of the brain, and allows for offline work, maybe with kids on the kitchen table.

Furthermore the designer can collect and reuse blocks, creating a personalized library of ready to use UI templates.


The kit is built out of the following pieces:

- A tablet-like wooden device with a metal screen, replicating a tablet device with a 7''.

- Two phone-like wooden device with a metal screen replicating smartphone devices with a 3.4'' and 4'' screen.

- A number of magnetic wooden blocks correctly replicating in size the most common UI controls used to build user interfaces.

- A set of sticker sheets allowing to draw by pencil the detail of each interface element and stick them on the wooden blocks.


In order to build a Woody UI kit you need access to:

- A laser-cutter
- A vinyl cutter or plotter

If you like you can build a simplified paper or cardboard version using only scissors.

Materials needed

In order to build the wooden version you need:

- Several sheets of pinewood (or any other soft cheap wood) with a maximum height of 0.5 cm.

- Adesive Paper Labels (A4 or letter size) 

- Magnetic paper sheets  (A4 or letter size)

- Small sheets of metal or magnetic drawing board.

- Glue for wooden materials

Step 1: Download project files

In order to prepare the kit, you should start by downloading the files for lasercutter and plotter.

The files are shared with a Creative Commons Attribution Share-alike License.

You can download them from the following Github project:


Identify the drawings you need

You can find several drawings:

The blocks used for creating the interfaces 

- blocks_smartphone.dxf
- blocks_tablet_page1.dxf
- blocks_tablet_page2.dxf

The frames representing actual devices

- smarphone-4.dxf
- smartphone-3_4.dxf
- tablet.dxf
<p>Hey! This all looks really nice, great instructable!</p><p>Here's the thing though, I was browsing through your website, and when I went to look at the store, all of the pages where you'd be able to actually buy the Woody UI Kit were missing. I know this is an instructable from over 2 years ago, but if you are still interested in selling these kits, please consider adressing this issue!</p>
<p>Great design! <br></p><p>Also on how to do marquetry with a laser using ImagePaint software by Amazon Canvas (www.amazoncanvas.com)</p>
can you receive sms's too?
only wooden ones
You should have turned it into a slate / chalkboard to hang on the refrigerator! That'd be hilarious!
well I see it as a work tool, but you're free to decorate all the kitchen with it!
low cost,yes , it is. <br> <br>http://www.gocctvshop.com/

About This Instructable


171 favorites


More by fibasile: IED - New Media 2014 Woody UI Kit
Add instructable to: