Skip to content

2.Computer-Aided Design

This week I seriously sat down with three programs for the first time: Inkscape, GIMP, and FreeCAD. The goal was to visualize my final project idea — a Smart Workshop CO₂ monitoring system that tracks air quality in a workshop and automatically responds to dangerous levels.

Honestly, I don’t have all the components yet, and the final design will probably change a lot. But that’s exactly why I did this now — to have at least a rough picture of what I’m building before starting with the actual hardware.

2D Vector Design — Inkscape

Inkscape isn’t a completely new program for me, but until now I had only done simple things with it. This week I drew a block diagram of the Smart Workshop system, showing all the components and their connections.

The idea is that the CO₂ sensor constantly measures the air condition, and depending on the level, the system responds differently:

  • 20% — everything is normal, LED is green
  • 40% — a sound signal goes off once, LED changes color
  • 50% — strong alarm, LED turns red
  • 60% — all safety functions activate, the switch opens, ventilation turns on

The components I drew in the diagram:

  • MeSTEK CGD02A — CO₂ sensor, at the top
  • Smart Workshop unit — main enclosure with a display
  • ON/OFF switch — left side
  • LED indicator — green = normal
  • Emergency button — right side, cuts all devices when pressed
  • Ventilation — bottom, activates automatically at 60%

Tools I used in Inkscape:

  • Rectangle tool (R) — for all the blocks. Used Rx / Ry fields to round the corners
  • Text tool (T) — for labels
  • Bezier tool (B) — for connecting arrows between components
  • Fill and Stroke (Shift+Ctrl+F) — for colors and border thickness

One thing I didn’t know at first — arrow heads don’t appear automatically, you have to add markers manually from the Object menu. It took a little time to find, but after that it was easy.

I saved the file as .svg and exported a .png for the website.

Raster Design & Image Compression — GIMP

The main goal of working with GIMP this week was image compression. All images on the Fab Academy website should be as small as possible so the page loads quickly.

Here’s what I did:

  1. Opened the PNG exported from Inkscape in GIMP
  2. Went to File → Export As
  3. Selected PNG format
  4. In the export dialog set Compression (Deflate Compression factor) to 7
  5. Clicked Export

The result:

File size
Original PNG ~947 KB
Compressed PNG ~340 KB

It’s important to understand the difference — PNG compression doesn’t damage image quality, it just stores the data more efficiently. With JPEG, quality can be lost, but PNG is lossless.

When building a website, every MB matters — especially when there are many screenshots in the documentation.

3D Design — FreeCAD

In FreeCAD I modeled a rough version of the Smart Workshop enclosure. The goal was to understand what the device would physically look like and where each component would sit.

I worked with the Part Design workbench, step by step:

  1. Part Design → Create Body — created a body
  2. Create Sketch on the XY plane — drew the outer shape of the enclosure

  3. Pad — gave it depth, got a 3D rectangular enclosure

  4. Switched to the front face, created a new Sketch

  5. Used the Pocket tool to create openings:
  8. Center rectangle — display opening
  9. Bottom left circle — CO₂ sensor hole
  10. Right circle — emergency button position\
  11. Three small circles at the top — LED holes

Pocket is essentially the opposite of Pad — Pad adds material, Pocket removes it. Once I understood that logic, everything became much easier.

I also modified the back of the enclosure, but I’ll refine that later once I know exactly which components I’ll use and what size they are.

Files

Reflection

This week I understood something important — even an imperfect, rough model is hugely useful. Before drawing and modeling, Smart Workshop was just words and an idea for me. Now I can concretely see what it is physically, what space each component will occupy, and what connections exist between them.

Inkscape helped me understand the logic of the system — who receives a signal from whom, who sends a command to whom. FreeCAD showed me the physical reality — does everything fit, is the layout logical.

The final design will look very different from all of this, but this step was necessary. Now when the actual components arrive in my hands, I know what questions to ask and what to check.