# Paper Mechanisms in Cuttle ✨, Alignment Guides 📐, QR Code Generator 🤖

APR 22, 2022

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

-   Paper mechanisms #inspiration
-   Alignment guides (hold `shift` while dragging or using the Pen tool)
-   QR Code Generator

## Paper Mechanisms ✨

This week I wanted to highlight some amazing work being done using Cuttle to create paper mechanisms.

Federico has been making 1-minute videos showing what can be done with paper linkages.

In the [first video](https://www.instagram.com/p/CcWZwbsvEVo/), he shows how to create (by hand) a simple rotatable joint by cutting and folding.

![](https://content.cuttle.xyz/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/274cae4e6f280af14066b84891594bb84ecffc5b9e839f63a63b504e0f9c5483.gif)

In the [second video](https://www.instagram.com/p/CchAOiwjpPU/), he parameterizes the joint in Cuttle and creates posable figures.

![](https://content.cuttle.xyz/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/2af083ae7f6540f9c9da5031dccc710dfabf6dcc13a97cd7d375810362763e12.gif)

Follow [**@cuttlexyz**](https://www.instagram.com/cuttlexyz/) [on Instagram](https://www.instagram.com/cuttlexyz/) for new episodes in this series. (Also follow [Federico’s Instagram](https://www.instagram.com/wolfCatWorkshop/) for more of his amazing art!)

If you’re inspired, check out Federico’s tutorial on making [Pop-up Cards in Cuttle](https://www.youtube.com/watch?v=mblIdwJCpxc) (15 min video tutorial).

While you’re on Instagram, follow Cuttle user [**Yoshinobu Miyamoto**](https://www.instagram.com/yoshinobu_miyamoto/). Yoshinobu is a Japanese architect and designer of folded structures.

![](https://cuttle-content.imgix.net/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/e672bc376491d91da5403a7462ea0bb170c87e23e20eb60a74ecd7481d0c97f3.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Recently he has been [posting](https://www.instagram.com/p/CaoN8argyQ_/) his explorations using Cuttle and [Origami Simulator](https://origamisimulator.org/) to explore origami-based deployable structures.

![](https://content.cuttle.xyz/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/c1d8226d505e67966366fb2f40688dd97f88a9de7d5d8994122d5998f291bb37.gif)

Check out the [newsletter from December 10](https://cuttle.xyz/blog/cuttle-virtual-workshop-thursday-pop-up-cards-tutorial-paste-into-origami-simulator-and-more) for information about using Cuttle with Origami Simulator.

I’m excited to see what Federico and Yoshinobu do next and I’m glad Cuttle is enabling artists and inventors to push their work further!

## Alignment Guides (Holding `shift`) 📐

When moving or rotating shapes on the canvas, Cuttle only shows the alignment snapping guides when the `shift` key is held. This rolls back the “no need to hold shift” part of the behavior we introduced a few weeks ago.

We felt that the “always on” alignment snapping guides were getting in the way. Avoiding the guides was influencing where we placed shapes. We would sometimes toggle snapping off altogether.

Snapping should should be unobtrusive enough that you can just leave it on most of the time. So, we’re bringing back using the `shift` key to enable alignment guides. You can still snap to path tangents and normals, and now you can even snap to 15° angles when drawing with the pen tool!

![](https://content.cuttle.xyz/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/adf853c23242c838a3ec5ff75dad13eeb7f9bf72029305d6eab8c25c2fe6c83f.gif)

## QR Code Generator 🤖

Forrest made a [QR Code Generator](https://cuttle.xyz/@forresto/QR-Code-Generator-TG2xGu5IZklT) in Cuttle. You can type in a URL and quickly make a QR Code SVG.

![](https://content.cuttle.xyz/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/8044eca091e7e45064a0575af50ec552ba4fdeb128650d0bb2c42f8f902ef4b1.gif)

Forrest also documented some stylistic variations. If you apply **Round Corners** to a QR Code you’ll get these dots.

![](https://cuttle-content.imgix.net/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/2fdb613f9483ef44bbba62b602f899eef1a9067ec1194b039ff77d712c119432.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

If you apply **Boolean Union** followed by **Round Corners**, you’ll get these blobs.

![](https://cuttle-content.imgix.net/blog/paper-mechanisms-in-cuttle-alignment-guides-qr-code-generator/fa889db2c1e046fb459d631fa5a6736970243c862420d613111dc8b57abc73dd.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Due to how vision algorithms read QR Codes (they’re just looking for a certain pattern of dark and light spots) each of these stylistic variations will still read properly.

You can make these by going to the [QR Code Generator](https://cuttle.xyz/@forresto/QR-Code-Generator-TG2xGu5IZklT), clicking “Edit in Cuttle”, and adding the modifiers as shown above.

## Other Improvements and Fixes 🐞

-   Fixed a bug where some canvas UI could bleed into the components area.
-   Fixed tabbing in multiline expressions.
-   The blue selection outline is now hidden when the font picker is open, similar to the color picker.
-   Fixed a visual glitch when reordering parameters.

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

Toby Schachman