> For the complete documentation index, see [llms.txt](https://help.prequilt.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.prequilt.com/prequilt-101/build-a-block-unit-for-the-fabric-calculator/curved-units/circles.md).

# Circles

Best Practices for Auto Recognition

<figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FtLUXnbRevkAVoxmj4Dst%2FScreen%20Shot%202024-11-07%20at%203.16.09%20PM.png?alt=media&amp;token=824e388c-4ffb-45ee-a20a-1cc6fc111174" alt="" width="375"><figcaption><p>Circle Block Unit</p></figcaption></figure>

## <mark style="color:blue;">Circle Block Unit in PreQuilt</mark>

**Circles** are another of the easiest block units in PreQuilt.&#x20;

And since the idea behind this series is to build a block unit (not an entire block that is just a circle), I'm going to create a 12" finished block that has a few circle block units.

&#x20; &#x20;

***

### YouTube Video

*Coming soon...*

***

### Help Guide

1. Click on the <mark style="color:blue;">**BLOCKS tab**</mark> on the left side control panel.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FLp0hgWM5G9JorN7DTBLn%2FScreen%20Shot%202022-09-28%20at%203.46.28%20PM.png?alt=media&amp;token=97caa245-c8af-4048-9342-27252c7cba8b" alt=""><figcaption></figcaption></figure></div>
2. Click on the <mark style="color:blue;">**Make Custom Block**</mark> button.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FEp85lfXPh1t2HyDeRFSt%2FScreen%20Shot%202022-09-28%20at%203.47.18%20PM.png?alt=media&amp;token=f16698cc-cee6-4b9b-aa75-77a209b9b7e3" alt=""><figcaption></figcaption></figure></div>
3. The **Block Editor panel** will slide out and overtake your screen. My block is set to 12" x 12" finished, but it doesn't matter, the next steps will work for all sized blocks.
4. Set your grid guidelines by changing the number for the horizontal and vertical units.

   * I'll set my gridlines to 8 horizontal and 8 vertical units. I want to be able to center my circles into their respective squares.

   <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FyS8VujHo84AxDG6d1adx%2FScreen%20Shot%202024-11-07%20at%203.23.04%20PM.png?alt=media&amp;token=e1a25624-108d-4150-9df9-24a0ff8acf0e" alt=""><figcaption></figcaption></figure></div>

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FL8rEZ98PfJiOka5yLXTe%2FScreen%20Shot%202024-11-07%20at%203.23.19%20PM.png?alt=media&amp;token=2be7232c-7724-43b1-b966-76024ea5d6f9" alt=""><figcaption></figcaption></figure>
5. Click on the <mark style="color:blue;">**square shape**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FT9Curc9RxAc4a3dda23m%2FScreen%20Shot%202024-11-07%20at%2011.23.36%20AM.png?alt=media&amp;token=053c3022-a0ab-4a0c-924f-c35da43895f1" alt="" data-size="line">) from the central control panel. It will be our background fabric behind the circle.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FKgQLWIMNu36NM3HblWKD%2FScreen%20Shot%202024-11-07%20at%203.24.27%20PM.png?alt=media&amp;token=49bd941c-b81d-4d3e-9eef-8d7bc4a30469" alt=""><figcaption></figcaption></figure>
6. <mark style="color:blue;">**Move**</mark> the new square block unit so it is in the top left corner of the quilt block.

   <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FkeZDFFynSiBU58zWAYqY%2FScreen%20Shot%202024-11-07%20at%203.28.08%20PM.png?alt=media&amp;token=96a095b9-2d7b-4c9f-8b84-e34b996110ed" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FY5WVQ8UgE3bbS6HdaPwm%2FScreen%20Shot%202024-11-07%20at%203.28.19%20PM.png?alt=media&amp;token=4583d679-c766-41fd-874c-958b9bb9adaf" alt=""><figcaption></figcaption></figure></div>
7. To manipulate the square to enlarge it, <mark style="color:blue;">**grab**</mark> the square on one of the corners of the square and <mark style="color:blue;">**drag**</mark> it until the square fills the height and width of 4 grid spaces.&#x20;

   * Note: If the snap to grid is turned on (default) then the shape will automatically fill the grid space.

   <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2Fkkf9CfdyTbnPERlREfH0%2FScreen%20Shot%202024-11-07%20at%203.28.29%20PM.png?alt=media&amp;token=8dc5339e-346e-493b-9de4-00962cc0fa3a" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F1QY7gXRMQjIKwYbdfiWY%2FScreen%20Shot%202024-11-07%20at%203.28.42%20PM.png?alt=media&amp;token=2fa3734b-c25e-4804-ba1f-83976c0e88f5" alt=""><figcaption></figcaption></figure></div>
8. Click on the <mark style="color:blue;">**circle shape**</mark> (<img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FyoDVrltYpC3DXeQ8bqTn%2FScreen%20Shot%202024-11-07%20at%203.30.35%20PM.png?alt=media&amp;token=c457e7d1-fced-44d6-b6d5-82ca66215b79" alt="" data-size="line">) from the central control panel.&#x20;

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F7fuuMkQTkXlTJ0SVlc9B%2FScreen%20Shot%202024-11-07%20at%203.31.06%20PM.png?alt=media&amp;token=84a00a64-6d9a-4943-8afb-e735b49bd296" alt=""><figcaption></figcaption></figure>
9. Click on the <mark style="color:blue;">**Link button**</mark> for a different fabric link (so that there are now 2 different fabrics being used). In this example, I am using Fabric Link B.

   <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FYncE5yS7ubv7GKw1260L%2FScreen%20Shot%202024-11-07%20at%203.32.09%20PM.png?alt=media&amp;token=1ff6f97d-fb26-4304-ac16-563ee1986ab1" alt=""><figcaption><p>Circle now using Fabric Link B</p></figcaption></figure>
10. <mark style="color:blue;">**Move**</mark> the circle piece into one of the middle grid spaces in the center of the square.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FOD3JQu6in572J8u60JXs%2FScreen%20Shot%202024-11-07%20at%203.45.27%20PM.png?alt=media&amp;token=75742374-abda-4cd1-9fe0-332bd51a84ce" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2F2ATMjN80PYvaeRhBT1TO%2FScreen%20Shot%202024-11-07%20at%203.45.38%20PM.png?alt=media&amp;token=58f3458a-71b4-4c73-b45e-5b4a3f55c0a0" alt=""><figcaption></figcaption></figure></div>
11. &#x20;To manipulate the circle to enlarge it, <mark style="color:blue;">**grab**</mark> the square on one of the corners of the circle's bounding box and <mark style="color:blue;">**drag**</mark> it until the circle fills the height and width of 2 grid spaces.

    <div><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FsTaXe7zda8WUFVuK7UsJ%2FScreen%20Shot%202024-11-07%20at%203.45.38%20PM.png?alt=media&amp;token=8582f485-905c-42b1-87b1-ae7f4d81f276" alt=""><figcaption></figcaption></figure> <figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FtykW8CP51iEghFnKrwqL%2FScreen%20Shot%202024-11-07%20at%203.47.17%20PM.png?alt=media&amp;token=ee6fd45f-a7f3-45aa-9bab-2f56fbe1be0a" alt=""><figcaption><p>1 x Circle block unit with background</p></figcaption></figure></div>
12. <mark style="color:blue;">**Clone**</mark> and <mark style="color:blue;">**move**</mark> 3 more circle block units to complete the quilt block. If you'd like, you can add and use additional Fabric Links.

    <div align="left"><figure><img src="https://667278489-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPUFswdysHBJDPIJC9xe0%2Fuploads%2FrXF8Hs2fORWRsXxkOvF5%2FScreen%20Shot%202024-11-07%20at%203.51.23%20PM.png?alt=media&amp;token=44d13bb7-6115-4ed4-a9ae-19dcb066044b" alt="" width="375"><figcaption><p>Quilt block with 4 x circle block units</p></figcaption></figure></div>

&#x20;     &#x20;
