Workshop: Introduction to 2D CAD (with Inkscape)

From Design and Build Lab
Revision as of 23:31, 22 October 2019 by Kristof (talk | contribs) (fix workshop checklist to conform to syllabus requirements)
Jump to navigation Jump to search

(Generally, this workshop is offered at least once every week on a rotating basis. Check the DaBL calendar for up-to-date availability!)

This tutorial will cover the basics of 2-dimensional Computer-aided design (CAD) using the software Inkscape.

For more tools included in Inkscape not covered in the workshop, visit the wiki page for Inkscape.


You may have used a digital drawing program before - perhaps MSPaint, or, for example. Many drawing programs, including the two previously mentioned, store the image you create in bitmap form: it is made of an array of pixels, and each pixel is assigned a certain color. There is another way, however, to store image information: in the form of vectors. A vector is nothing more than at least two points in 2D space, in between which a line is drawn. In actuality, vectors stored as equations for a line, defined by the xy values of each of the points.

Why does this matter? Unlike a bitmap - which can be recreated in the real world with something like a dot-matrix printer - a vector drawing can be interpreted by a fabrication device which has xy controls and which understands equations. These devices make it possible to fabricate much more intricate designs than devices which work with bitmaps.

There are many vector-drawing applications; each effectively has the same capabilities, just organized differently. In DaBL we use Inkscape, because it is cross platform as well as free.

Vector components:

  • Nodes (for anchor points)
  • Node handles (for creating Bezier curves)

Object properties

Object and path properties:

  • Stroke
  • Fill

The Inkscape UI

Inkscape UI is fairly straightforward:

  • Tools panel on left
  • Drawing canvas in middle
  • Snapping panel on right
  • Floating windows which can be docked (including Stroke and Fill, Layers, et al.)


Layering is a way of organizing the objects on the canvas. It operates in a vertical hierarchical manner, the top most layer will correspond to the top layer of the image and so on. This is useful for perspective because you can make individual layers visible and invisible, as well as for grouping.

Make sure, as with all digital design packages, to save early and save often. You will want to make sure to save as type .SVG (Scalable Vector Graphics)

Preparing your designs for CAM

If you're eventually going to be using one of DaBL's machines to fabricate your design, some considerations are in order. Each machine's CAM software has a specific way of interpreting your design; as such, setting up your design in a certain way may work for one type of machine, but not another. Each of the following CAM packages will allow import of 2D vector files:

Workshop checklist

Learning Objectives

By the end of this Workshop, you should:

  1. understand what vectors are.
  2. know how to resize the canvas and change the default measurement units.
  3. know how to work with vectors, including how to split and merge them.
  4. know how to work with layers.
  5. understand and utilize stroke and fill to change the appearance of elements.
  6. know how to change the default color system and manipulate the palette.

Measurable Outcomes

By the end of this Workshop, you should be able to:

  1. create your own vector elements, such as lines and shapes.
  2. move elements around the canvas.
  3. snap elements to other elements.
  4. save your design as a PNG and as a PDF.