New Design Tools: Pen Tool, Boolean Operations, and Named Styles

Product Update · 7 min read · April 2026

Chitmunk already gives you 22 built-in shapes and 39 parametric generators for building board game components. But sometimes you need a shape that does not exist yet. A custom shield for your faction cards. An ornamental border that fits your game's theme. A card frame with cutouts in exactly the right places.

This update adds three tools that give you that kind of creative control: a pen tool for drawing freeform shapes, boolean operations for combining shapes in powerful ways, and named styles for keeping your typography consistent across an entire project. Together, they close the gap between "card design tool" and "full design studio."

The Pen Tool: Draw Anything

Press Shift+P to activate the pen tool. Your cursor changes to a crosshair, and you are ready to draw.

Click anywhere on the canvas to place your first anchor point. Click somewhere else to place a second point, and a straight line connects them. Keep clicking to build a polygon, one point at a time. When you are done, click your first point to close the shape, or double-click to finish an open path.

That handles straight-edged shapes. But the real power is in curves. Instead of clicking and releasing, click and drag. Dragging pulls out bezier control handles that bend the line into a smooth curve. The further you drag, the more dramatic the curve. Release, move to your next point, and drag again. In a few clicks you can draw flowing, organic shapes that would be impossible with straight lines alone.

Here are some things game designers are using the pen tool for:

Pen tool paths are stored as vector data, which means they scale perfectly to any size. Stretch a path element to fill a card or shrink it to icon size. It stays crisp at every resolution, from 72 DPI screen previews to 300 DPI print exports.

Once drawn, path elements behave like every other element in Chitmunk. Move them, rotate them, adjust opacity, add drop shadows, change fill and stroke colors. They appear in the layers panel, they support conditional visibility, and they export in every format Chitmunk offers.

Boolean Operations: Combine Shapes Into New Shapes

Sometimes the shape you need is not a single shape. It is two shapes combined. A rectangle with a circle cut out of the center. Two overlapping ovals merged into an organic blob. A star with a hexagon subtracted from its middle.

Boolean operations let you select any two shapes and combine them in four different ways:

Union (Merge)

Merges both shapes into one combined outline. Overlap a circle and a rectangle, apply Union, and you get a single shape that includes the area of both. Use it to build complex silhouettes from simple parts. Start with basic shapes and merge them together into something unique.

Subtract (Cut)

Cuts the second shape out of the first. Place a circle on top of a rectangle, apply Subtract, and you get a rectangle with a circular hole in it. This is incredibly useful for creating frames, windows, and cutouts. Build a card frame by subtracting an inner rectangle from an outer one. Create a viewfinder shape by subtracting a circle from a square.

Intersect (Overlap Only)

Keeps only the area where both shapes overlap and removes everything else. Overlap two circles, apply Intersect, and you get a lens shape. Use it to create masked regions, vesica piscis motifs, or any shape defined by the intersection of two simpler shapes.

Exclude (Opposite of Intersect)

Keeps everything except the overlap. Where Intersect gives you only the shared area, Exclude gives you everything but the shared area. It creates a distinctive "split" effect that is great for versus cards, duality themes, or decorative borders with interesting negative space.

To use boolean operations, select two shapes (hold Shift and click, or drag a selection box around both), then right-click and choose the operation from the context menu. You can also find them in the command palette (Ctrl+K). The result is a new image element that you can move, resize, and style like anything else.

The creative possibilities are wide open. Subtract a star from a circle to make a star-shaped window. Union several rectangles into a cross shape. Intersect a triangle with a circle to create a pie-slice. Boolean operations let you think in terms of combining simple shapes rather than trying to draw complex shapes from scratch.

Named Styles: Consistent Typography in One Click

If your game has 200 cards, it probably has 200 title elements that should all use the same font, size, color, and effects. Until now, if you wanted to change the title font across your entire project, you would need to update every title element individually. If you forgot one, your deck would have an inconsistency that only shows up when you fan through the printed cards.

Named styles fix this completely.

Create a style called "Title" and set it to Nunito, 24pt, bold, warm amber, with a subtle drop shadow. Now apply that style to every title element in your project. They all update instantly to match. Next week, when you decide the titles should be 28pt instead of 24pt, change the "Title" style once. Every element using it updates automatically. One change, 200 cards fixed.

Chitmunk comes with four starter styles to get you going:

You can rename these, modify them, or create entirely new styles. There is no limit to the number of styles you can define.

Styles also support overrides. Apply the "Title" style to an element, then change just its color. That element now uses the Title font, size, and shadow, but with a custom color. If you later change the Title font, this element gets the new font while keeping its custom color. Overrides let you maintain consistency for most properties while allowing deliberate variation where you need it.

For game designers who work with multiple card types, each with its own visual treatment, named styles are transformative. Define a "Creature Title" style, a "Spell Title" style, and a "Location Title" style. Apply them consistently. Change them globally. Never wonder "did I update all the spell cards?" again.

SVG Export: Scalable Vector Output

Your pen tool paths, shapes, and text can now export as SVG files. SVG is a vector format, which means the output scales to any size without losing quality. A card exported as SVG looks just as crisp printed on a poster as it does on a business card.

SVG export produces real, selectable text (not text rasterized into pixels) and native vector shapes. This makes the files perfect for further editing in vector tools like Adobe Illustrator, Inkscape, or Affinity Designer. If you need to hand your designs to a graphic designer for final polish, or if your printer requires vector artwork, SVG export gives you a clean handoff.

Text elements retain their font information, so the receiving application can render them accurately. Shapes export as true vector paths. The result is a production-quality file that a professional designer can open and refine without having to recreate anything from scratch.

What You Can Build Now

These tools are strongest when you combine them. A few ideas to get you started:

All three tools are free to use. They work with every Chitmunk feature you already know: data merge, generators, conditional visibility, all export formats. They add creative depth without adding complexity to your existing workflow.

Ready to try it?

All three tools are free to use. Open the editor and try Shift+P to activate the pen tool.

Open the Editor →