# 10+ New Shapes You Can Create in Cuttle

JAN 31, 2023

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

-   We designed a **new Creation Panel**
-   We added **10+ new built-in shapes** to Cuttle

## New Creation Panel

![](https://cuttle-content.imgix.net/blog/10-new-shapes-you-can-create-in-cuttle/42eb4b0466ab185a9c949740d401608c974af4d5cbeefac356a26f233e272cf9.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

We designed a brand new Creation Panel, the left sidebar that lets you drag out shapes onto the canvas.

Notably there’s a new **“Browse All Shapes”** button that lets you find lots of new shapes!

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/45b5ea9a6ec703183487f874956d3369d9911628dc8faffe94ab9579ba2b8ade.gif)

## Basic Shapes

Many of the new shapes are _recipes_ that use the old primitive shapes in _creative combinations_.

For example, the **Award Seal** shape is just a **Star** with certain parameters pre-set.

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/de411423783c9bb963fe6694fd8ec4602a7174d9e42419a818bb9d3a8de1a1c2.gif)

Another example, the **Pill** shape is a **Rectangle** with **Round Corners** applied.

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/344e22ce8fdf2a2713e9dbce89284a93dca841f404ac38c03ec5e89ee03d45da.gif)

These recipes help you quickly find the shapes you need while also providing _learning examples_ of how to combine the primitive shapes and modifiers. Once you see how the Award Seal is made out of a Star, you might think of more uses for Star!

What happens if you apply Round Corners to a Star? 🤔

## Heart

The new **Heart** shape lets you change its “plumpness”, “pointiness”, and “tilt”. These _parameters_ let you adjust the shape to get the exact style you want.

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/e981b1beb025dbfb4f8d8181108b22355db83131dfb63d044cd698c1d99ca4b5.gif)

Thank you [**Brian Wente**](https://cuttle.xyz/@bwente) and [**@cleversomeday**](https://cuttle.xyz/@cleversomeday) for beta testing this!

I love how they were able to push the parameters beyond their normal range to create these lovable mutants! ❤️🦷🍎🎃🍑

![](https://cuttle-content.imgix.net/blog/10-new-shapes-you-can-create-in-cuttle/4621ecde1521cbb58bef82ff5615951ec089c07698f713e3a5cb8df8f6a670bc.jpg?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

## Lines and Curves

The **Lines and Curves** category has old favorites like **Arc** and **Spiral** plus brand new **Arrow** shapes.

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/9a8d4a7283a5a90be96f79e6523d40b447343fb78ec2b363a70f41054fa5b98b.gif)

The **Straight Arrow** works like a **Line**. The **Curved Arrow** works like an **Arc From Three Points**.

## Text

There are lots of new shapes in the **Text** category. I’ll do a deep dive on this in a future newsletter!

In the meantime, here’s a demo of **Text Around Circle**.

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/474a3e7f4da4e34da2640ffd34bfb44f4d4f35183f1c3a21d023b4e1f3560e6b.gif)

## Emoji

The **Emoji** category lets you quickly see and create all the **Emoji** shapes. Works great with the new Search feature!

![](https://content.cuttle.xyz/blog/10-new-shapes-you-can-create-in-cuttle/20f31b5583f817d1108116ebc655a05340e29b042c2e47f558140574377283b4.gif)

## A foundation for more

In addition to all the new shapes we’re bundling with this release, what really excites me about this new Creation Panel interface is that it gives us _an organized space to release more shapes and examples_.

Often the tricky part about new Cuttle features is not implementing the feature but about making the feature accessible in the Cuttle interface without making the interface an overwhelming mess!

This new foundation feels organized but also capable of scaling to thousands of new shapes! Expect more in the weeks to come!

## Thanks Forrest!

A huge thank you to [**Forrest**](https://cuttle.xyz/@forresto) for spearheading this initiative and implementing it!

Forrest made the first UI mockups of this feature 3 months ago. Since then, it’s been an epic development process.

Forrest would present us a new mockup or prototype every week, and we’d discuss and draw our ideas over Zoom screen share. We have zillions of screenshots of ideas being hashed out.

![](https://cuttle-content.imgix.net/blog/10-new-shapes-you-can-create-in-cuttle/ea2a3f03f2e902dd874f0bbd2a1cca104c71b40764da12a2435c4fb7f86b69b9.png?auto=compress,format&q=60&fit=max&w=720&h=720&dpr=2)

Forrest is considering writing a blog post or doing a video or livestream about our design process if there’s interest. Let us know!

## Other Improvements and Fixes 🐞

-   Fixed a bug where `Color.mix()` was returning the wrong results.
-   Fixed a graphical glitch with almost-straight arcs.
-   Fixed a bug where components would get stuck at the center if dragged from the left side too quickly.
-   Parameters with units are now converted to project units when transformed.
-   When a project is loaded, the canvas now zooms out to show everything in the focused component.
-   Font picker now opens with the current font’s category selected, instead of defaulting to “All”.
-   Added “Percent” to the list of selectable parameter types.
-   Added an option to make components scale automatically when dragged onto the canvas, similar to how Circle, Rectangle, and other built-in shapes work.
-   Updated the design of the scrollbars in the editor.
-   Arc paths now always start at `point1` and end at `point3` instead of being reversed sometimes.

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

Toby Schachman