SVGSketch Plugin

Puzzle plugin

Turn a shape or image into puzzle-piece SVG artwork that can be styled, clipped, and edited.

Open plugin in SVGSketch

Quick answer

The Puzzle plugin generates editable SVG jigsaw puzzle pieces from shapes or images. Use it for cut lines, puzzle-style graphics, interactive mockups, classroom materials, and decorative layouts.

Steps at a glance

  1. Choose the source artwork

    Select a shape or image to turn into puzzle pieces.

  2. Pick the puzzle style

    Choose classic or curved geometry and set the layout.

  3. Edit the pieces

    Style, clip, or rearrange the generated SVG pieces.

Generate puzzle-piece geometry

The plugin creates jigsaw-style piece outlines without drawing every tab and socket by hand.

Classic and curved layouts make it useful for puzzle graphics, printable activities, game mockups, and decorative compositions.

Use vector or image-based sources

You can generate pieces from an SVG shape or use image clipping workflows when a raster image needs to be divided visually.

The generated outlines remain editable, so you can tune strokes, fills, clips, and layout before export.

Included workflows

Classic puzzle pieces

Create familiar jigsaw outlines with tabs and sockets.

Curved piece layouts

Generate softer puzzle-piece geometry for less rigid designs.

Clip vector or image art

Use generated pieces as clipping shapes for source artwork.

Drag to create

Place puzzle regions directly in the editor workflow.

Related SVGSketch resources

All SVGSketch featuresRead more SVG editor for developersRead more Plugin development docsRead more

FAQ

Can I make SVG jigsaw pieces from an image?

Yes. The Puzzle plugin supports workflows that clip image artwork into generated puzzle shapes.

Can I use vector shapes as the source?

Yes. The plugin can generate puzzle geometry from vector artwork as well as image-based sources.

Are the puzzle pieces editable?

Yes. The generated pieces are SVG artwork that can be styled, moved, clipped, and exported.

Open your SVG in SVGSketch

Start with a blank canvas, import an SVG, or use the editor as a conversion and cleanup step.

Open plugin in SVGSketch