# What people have been making in Cuttle 🦖, Keychain tutorial video 🎥, Better snapping 📐

FEB 18, 2022

Here's the latest with [Cuttle](https://cuttle.xyz/).

-   New customizable projects from the community 🦖
-   Keychain (from scratch) beginner tutorial 🎥
-   Big improvements to Snapping 📐

## New Customizable Projects from the Community 🦖

### [Slot-Together Puzzles](https://cuttle.xyz/@philb) by [Phil](https://cuttle.xyz/@philb)

![](https://cuttle-content.imgix.net/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/b1e7cc0a3f958ba1cf80a9fc795a4909cb90c82c1dbb1379abbdd16af11b002d.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

[**Phil**](https://cuttle.xyz/@philb) has been making slot-together puzzles of dinos and other creatures. You can customize the scale and material thickness. Phil also shared a [Sheet Material Slot Calibrator](https://cuttle.xyz/@philb/Sheet-Material-Slot-Calibrator-wD7FRtC6M2BJ) to help you determine the perfect-fit slot size. See [all of Phil’s creations](https://cuttle.xyz/@philb) or read his [blog post](https://www.grbl.org/single-post/dinos-and-insects-and-cuttle-oh-my) about how he uses Cuttle to make these parametric.

### [Customizable Cable Labels](https://cuttle.xyz/@bwente/Label-Wraps-xAyfXGL9PkgP) by [Brian Wente](https://cuttle.xyz/@bwente)

![](https://cuttle-content.imgix.net/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/64c75e818deaea8c64124faf9df738642764cddbd03911eeff81d535cad0e516.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

![](https://content.cuttle.xyz/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/d84d8378f75fb93768fa68a75c6ada8cfd646c85f54664ae78d756373704cd3d.gif)

[**Brian Wente**](https://cuttle.xyz/@bwente) made these customizable [Cable Labels](https://cuttle.xyz/@bwente/Label-Wraps-xAyfXGL9PkgP) — simply type the text you want.

The one in the photo is laser cut from a silicone placemat! Federico described where to get this material and how to cut it in his [Silicone Earrings video tutorial](https://www.youtube.com/watch?v=esTk-IRGv-A).

### [Two-Piece Picture Stand](https://cuttle.xyz/@trun/Two-Piece-Picture-Stand-0Pnu05DyzfP3) by [@trun](https://cuttle.xyz/@trun)

![](https://cuttle-content.imgix.net/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/03154ea7bd76af04b1f1861b2abd1202c9f911b68068365c314e8f3f7fe93677.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

![](https://content.cuttle.xyz/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/38d17fc0bc5b974619236ce225bcf84e31e65d82459947eff1ed84fbc73c5708.gif)

[**@trun**](https://cuttle.xyz/@trun) made this parametric [Two-Piece Slot-Together Picture Stand](https://cuttle.xyz/@trun/Two-Piece-Picture-Stand-0Pnu05DyzfP3). You can customize all the dimensions and material thickness.

### [Folding Carton Designs](https://cuttle.xyz/@LayeredPaperArt/Folding-Carton-Styles-QAK8a0Cp1Z6z) by [@LayeredPaperArt](https://cuttle.xyz/@LayeredPaperArt)

![](https://cuttle-content.imgix.net/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/fc7ab48724072fc5de9ac356499c2243e35db2c2a6053429bdc74587e5467eaa.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

We’ve been blown away by the details on these professional carton designs. [**@LayeredPaperArt**](https://cuttle.xyz/@LayeredPaperArt) has several customizable [carton designs](https://cuttle.xyz/@LayeredPaperArt/Folding-Carton-Styles-QAK8a0Cp1Z6z) that can be used for cut and crease patterns, templates for printing (complete with bleed, copy safe, and no ink zones), and documenting design revisions.

## [Keychain Tutorial Video](https://www.youtube.com/watch?v=v6s2uiHXJqw) 🎥

Following up on the [Keychain Generator](https://cuttle.xyz/@toby/Keychain-Generator-j0lMJaBnDHn0), I recorded a [beginner tutorial video](https://www.youtube.com/watch?v=v6s2uiHXJqw) (10 min) showing how to create this kind of design _from scratch_ in Cuttle.

![](https://cuttle-content.imgix.net/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/ab71a01d23910e4c416bc607d06eb5d6e652b9d1a08280adbb8688a1d74db11c.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

The video also shows how to create this kind of design from an arbitrary starting SVG (the llama keychain on the right).

## Improvements to Snapping 📐

We made significant improvements to the snapping system. Here are a few new things you can do:

![](https://content.cuttle.xyz/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/22350e7063f9934f07fd4d762b29d5fca4361281c57568d4f01906d06adbd6ba.gif)

Lines and Paths will automatically snap to horizontal and vertical. They’ll also snap to Tangent making it easy to extend them.

![](https://content.cuttle.xyz/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/b1b8743ffe71c9a71105090cc8eb13fd92da43471d3ed077a8f6576ff6fb46f8.gif)

Lines and Paths will also snap to the Tangent and Normal of any curve they are snapped to.

![](https://content.cuttle.xyz/blog/what-people-have-been-making-in-cuttle-keychain-tutorial-video-better-snapping/fae22f09293e592ebbf6e3d9e08fe94ed751717e0d524916fa8f94d250ef8fdd.gif)

Tangents also work when drawing bezier curves with the Pen tool.

### Other snapping improvements

-   You can snap horizontally and vertically without needing to hold `shift`.
-   Snapping is disabled when you do a small drag, near the starting position. This makes it easier to make small tweaks without getting “stuck” on close snapping points.
-   Snapping points display their source geometry when hovered. For example, a midpoint shows the line segment that it came from.
-   Improved the names of snapping points shown in tooltips. Handles will show their parameter name. We no longer show redundant names.
-   Fewer high precision “...” numbers when snapping to horizontal and vertical segments.

## Other Improvements and Fixes 🐞

-   If you’ve got a hot scroll wheel and you lose track of your design by zooming too far in or out, a “Reset Zoom” button will appear.
-   Fixed a bug where color values outside the 0 to 1 range resulted in unexpected colors. Thanks [**@LayeredPaperArt**](https://cuttle.xyz/@layeredpaperart) for the report.
-   Fixed a bug where the ... menu was missing on multi-line expressions.
-   Scripting: Calls to `console.info()` are highlighted in the inspector, similar to `console.warn()` and `console.error()`.
-   Scripting: When editing code, pressing `cmd/ctrl` - `S` will run the code rather than opening the browser save dialog. Thanks [**Maarten**](https://cuttle.xyz/@marzsman) for the suggestion.
-   Scripting: Fixed the implementation of `vec.cross()`.

![Small circular photo of Toby](https://cuttle.xyz/images/blog-authors/Toby.jpg)

Toby Schachman