About This Demo

This is a work-in-progress proof-of-concept demo of a 2D drawing application that is intended to help non-designers design their own custom casework furniture, such as shelving, storage cabinets and drawer storage in any combination. The drawings created contain real world measurement data that could in theory (with some additional parameters not provided in this demo) be supplied to a custom woodworking shop for actual fabrication.

The UI/UX in this demo is meant to serve the purpose of testing the implementation of each individual feature of this app. The UI/UX and feature set I would implement for a consumer facing implemtation would be different. This demo is optimized exclusively for mobile displays, but can still be used on desktop browsers.

The following features are provided by the drawing application to modify your drawing:

ZOOM Adjust point of view closer or further from your case drawing. This is helpful when moving parts of your drawing to fine-tune measurements. On touch displays, pinch to zoom. On desktops, click and hold in the location you want to zoom in or away from, then drag.

PAN Move your point of view over the drawing area. This is helpful after zooming in and you need to bring some part of your drawing back into view to work on it.

MOVE edge OR divider Move parts of your drawing. Select, hold and drag the part of your drawing you want to move. You may select any exterior panel of your case (the top, bottom, left and right edges) or any partition division you have added to your model using the "make ... division" tool buttons.

DELETE Delete parts of your drawing. Select the part of your drawing you want to delete. You may delete any interior panel of your case (partition divisions you have added to your drawing using the "make ... division" tool buttons) as well as any drawers or cabinets you have added to your drawing.

MAKE VERTICAL DIVIDER Creates a vertical partition (same as a shelf, but vertical) inside your case. Drop and drag the partition into place within the case drawing.

MAKE HORIZONTAL DIVIDER Creates a horizontal partition (a shelf) inside your case. Drop and drag the partition into place within the case drawing.

MAKE DOOR Creates a cabinet door(s) within a space within the case. Select any opening or drawer within the case that you want to replace with door(s).

MAKE DRAWER Creates a drawer within a space within the case. Select any opening or drawer within the case that you want to replace with a drawer.

MAKE OPEN Creates an open space within the case. Select any door or drawer within the case that you want to replace with an open space.

This reference can be returned to from the drawing application at any time by hitting the "?" icon.

Go to Drawing App Demo!

ZOOM

PAN

To get started, using touch or a mouse while holding down the mouse button, drag a rectangular box over the drawing area (where you are reading this text) to establish the overall width and height of your casework.

The human scale figure is provided to indicate real-world scale.

After the overall case is drawn, you can adjust its size by activating the "MOVE edge OR divider" tool button and then dragging the edges of the case you drew.

Use the "MAKE VERTICAL DIVIDER" and "MAKE HORIZONTAL DIVIDER" tool buttons to partition the space within the case.
They can also be moved using the "MOVE edge OR divider" tool button, as well as deleted using the "DELETE" tool button.

For more information tap the "?" icon.

MOVE edge OR divider

DELETE

MAKE VERTICAL DIVIDER

MAKE HORIZONTAL DIVIDER

MAKE DOOR

MAKE DRAWER

MAKE OPEN