How to Add a Square in Procreate
StyleFrame Team9 min read
To add a square in Procreate, draw a rough square with your Apple Pencil, keep the pencil down at the end of the stroke until QuickShape snaps it, then touch a second finger to the canvas to lock it into a perfect square. Procreate has no dedicated shape tool, so you build squares with QuickShape for outlines, the Selection tool for filled shapes, and the Drawing Guide when you need a specific size. The right method depends on whether you want a stroked outline, a solid fill, or a precisely dimensioned block.
Why Procreate has no square tool
Procreate is a raster painting app, not a vector layout tool. Users have asked for a desktop-style shape tool for circles, squares, and rectangles, but the app's answer so far is QuickShape, a gesture that corrects hand-drawn forms. It's fast once you know the gestures, but it behaves differently from the shape layers you're used to in After Effects, Illustrator, or Figma.
Everything you draw is pixels. A square made in Procreate will look sharp at the canvas resolution and soften if you scale it up later. If you need a resolution-independent square for a final composite, you'll likely rebuild it as a shape layer. If you're sketching, boarding, or painting texture, Procreate's squares work well.
Method 1: Draw a perfect square with QuickShape
This is the fastest route and a common one in tutorials.
- Pick a brush. A hard, clean brush such as one from the Inking set shows the shape best.
- Draw an approximate square in one continuous stroke, closing the shape back at your starting point.
- Don't lift the pencil. Hold it still at the end of the stroke until the shape snaps. Procreate converts your stroke into a clean quadrilateral.
- While still holding the pencil down, touch a second finger anywhere on the canvas. The shape snaps again, this time into an exact square.
- Lift the pencil, then lift your finger.
The second-finger step is the one people miss. Without it, you get a clean four-sided shape that is often slightly off, such as a rectangle or a skewed quad. The same two-step gesture turns an oval into a circle and an uneven triangle into an equilateral one.
Scale and rotate before you commit
While the shape is snapped and your pencil is still down, drag to scale and rotate it. If you hold a second finger on the canvas while dragging, rotation moves in 15-degree increments. That's handy for a diamond: rotate to 45 degrees and release.
If you release the second finger, the shape returns to your freehand version, then snaps back to a perfect square when you touch down again. Lift the pencil only when the square looks right.
Method 2: Use Edit Shape to correct a square
If your gesture timing is inconsistent, use the Edit Shape button instead.
- Draw and hold as above until the shape snaps to a quadrilateral.
- Lift the pencil. An Edit Shape button appears in the bar at the top of the canvas.
- Tap it. The options shown depend on the shape you drew. For a four-sided shape, choose the square option.
- Use the transform nodes to fine-tune. Drag a node to move that corner. Drag the shape body between nodes to scale it uniformly.
- Tap anywhere on the canvas to commit.
This method is slower than the two-finger gesture but more forgiving. It's also the better option when you want to adjust proportions after the first snap. One tutorial compares both approaches zoomed to 200 and 400 percent. They're both usable, and the choice comes down to your project.
Change how QuickShape triggers
Open Actions (wrench) → Prefs → Gesture Controls → QuickShape. You can change how the gesture is invoked and adjust related touch and Pencil settings. If you draw many shapes in a session, tune this once so the gesture fits your hand rather than fighting it.
Method 3: Make a filled square with the Selection tool
QuickShape gives you an outline, not a filled shape. For a solid square, use a selection.
- Create a new layer.
- Tap the Selection tool (the S-shaped icon) and choose Rectangle mode at the bottom.
- Drag on the canvas to define a rectangle.
- Fill it by dragging the color swatch from the top-right into the selection (Color Drop), or tap the layer and choose Fill Layer.
- Tap the Selection tool again to deselect.
Out of the box this gives you a rectangle, not a guaranteed square. To get exact proportions, combine it with the Drawing Guide in the next method, or create the shape and then use Transform in Uniform mode to scale it without distorting the aspect ratio. Keeping the fill on its own layer means you can move, recolor, or delete the square without touching the rest of the artwork.
Method 4: Use the Drawing Guide for a specific size
When a square needs to match a grid, such as a UI placeholder, a 1:1 social frame, or a tile for a pattern, use the Drawing Guide.
- Open Actions → Canvas and switch on Drawing Guide.
- Tap Edit Drawing Guide to adjust the grid, for example by lowering its opacity so it stays visible without competing with your drawing.
- Draw or select along the grid lines. Drawing Assist can also be enabled on a layer to help keep lines straight.
A grid doesn't make every square exact by itself, but it gives you a visual ruler. Combined with the Selection tool's Rectangle mode, it's the most dependable way to place square blocks at consistent sizes.
Method 5: Build a square from lines
If you prefer manual control, one workable technique uses QuickShape for straight lines instead of for the whole shape.
- Draw a line, hold at the end so it snaps straight, then touch a second finger to constrain the angle.
- Lift, then duplicate the layer.
- Rotate the duplicate by 90 degrees and position it so the corner meets the first line.
- Repeat until all four sides exist, then merge the layers down.
Duplicating and flipping an open L-shape works the same way. It's slower, but it's useful when you want complete control over line weight and corner behavior. You can also download or build shape brushes and stamp squares directly, which suits repeated use.
Fixing common problems
- The square comes out slanted or as a rectangle. You likely lifted the pencil before adding the second finger, or didn't hold long enough for the first snap. Draw, hold until the snap, then add the finger.
- The shape looks open at one corner. Close your stroke fully before holding. If the start and end don't meet, the snapped shape can read as a polyline.
- You can't add a border to a filled shape. Procreate's QuickShape output is a plain stroke on a layer, and a forum reply from the Procreate team said applying a stroke to an object wasn't possible at the time, though it wasn't ruled out. Workarounds include making the outline on a separate layer, or selecting the filled square and drawing along its edge.
- Edges look soft after scaling. This is a raster limit. Draw at the final size, or rebuild the shape as a vector in your compositing app.
Using Procreate squares in a motion pipeline
For motion designers, Procreate is usually a sketching and asset-making stage, not the final home for geometric shapes. A few practical habits help when the artwork moves to After Effects, Premiere Pro, or a 3D app:
- Keep shapes on separate layers. Each square can then be adjusted and edited independently.
- Work at a generous canvas size. If a square will scale up in comp, a larger canvas leaves headroom before edges soften.
- Use transparent PNGs for single elements. Hide the background layer before exporting so the square arrives with an alpha channel.
- Rebuild hard geometry in the compositor. For crisp, animatable squares with rounded corners, strokes, or trim paths, a native shape layer is better than a raster. Use Procreate for the hand-drawn, textured, or painted versions.
Squares often serve as design anchors: layout blocks in a storyboard, panels in a comic-style sequence, or frame boundaries in a styleframe. In those cases the square only needs to be consistent and clean, which QuickShape and the Selection tool handle well.
Where Styleframe fits after the sketch
Once you have a set of Procreate frames, such as boarded compositions, painted keys, or a hand-drawn style reference, the next question is how to turn them into moving footage without surrendering control. That's where Styleframe, an AI video and motion tool built for professional artistic control, can sit downstream of your drawing app.
Styleframe works from references you supply rather than a one-click black box. Frames-to-Video is keyframe-driven, so your Procreate boards can act as the start and end frames, and the motion between them is generated from those anchors. Restyle and Ink-and-Paint use reference images or clips for style transfer, which suits it when you want footage to match a painted or inked look you've already built. For dimensional work, 2D-to-3D and Turntable help you explore a drawn object from other angles, Remove Background isolates elements, and 4K Upscale prepares output for production. Iteration is non-destructive, so you can revisit a generation without losing earlier results.
It also fits existing pipelines instead of replacing them. Styleframe exports image sequences, so the results drop into After Effects or Nuke for compositing, grading, and finishing. Your Procreate squares and layouts stay the design source, and your compositor stays the place where the shot is finished.
Quick reference
Start with the QuickShape gesture, since it covers most needs in a few seconds. Reach for the Selection tool when you need a fill, the Drawing Guide when size matters, and a vector or shape layer in your compositor when the square has to stay perfectly sharp at any scale.