How to Center Text in Procreate
StyleFrame Team9 min read
Procreate has no dedicated align or center command, so you center text by turning on Snapping in the Transform tool and dragging the text until the yellow canvas-center guides appear. For more precision, open Actions > Canvas > Drawing Guide > Edit Drawing Guide and push the grid size to maximum, which exposes the canvas midlines and center point. Then match your text layer's bounding box to those lines. Use the text style panel's center alignment to center multi-line text within its own box.
Why Procreate Makes Centering Harder Than It Should Be
If you're used to the Align panel in After Effects, Procreate's approach feels improvised. There are no rulers, no draggable guides, and no "align horizontal center" button. Users have asked for proper align tools, and most of the community advice comes down to workarounds built on the grid and the Transform tool's snapping.
Once you know which two systems do the work, the process is quick:
- Snapping and Magnetics in the Transform tool, which show guides when an object hits the canvas center or lines up with another layer.
- The Drawing Guide (2D Grid), which you can configure so the center of the canvas is clearly visible.
Procreate also treats text as its own object type, with a text box, a style panel, and alignment settings that sit separately from layer positioning. "Center text" can therefore mean two things: centering the text box on the canvas, or centering lines of text inside the box. Handle those separately.
Method 1: Center Text on the Canvas with Snapping
This is the fastest method and the one to try first.
- Add your text with Actions (wrench) > Add > Add Text, then type and style it.
- Tap Done to close the keyboard.
- Select the Transform tool (the arrow/cursor icon) with the text layer active.
- Tap Snapping at the bottom of the screen and toggle it on.
- Enable Magnetics if you want the object to slide along guide lines instead of hopping past them.
- Drag the text slowly. A yellow vertical guide appears when the object's center matches the canvas's horizontal center, and a yellow horizontal guide appears for vertical center. When both are visible, the text is centered.
Tune the Snapping Settings
Snapping has a few sliders worth adjusting:
- Distance sets how close, in pixels, the object must be before it snaps. A larger value makes it grab guides more eagerly.
- Velocity controls how fast you can move before snapping stops engaging. Slow drags engage it more reliably.
- Magnetics keeps the object tracking along a guide once it's locked.
If the guides never appear, you're usually dragging too fast, or your Distance value is too low for a high-resolution canvas. A larger canvas generally needs a more generous Distance than a smaller one.
Know What Procreate Centers
The guides align to the bounding box of the layer's content. For live text, that's the text box. Trailing spaces, a line break at the end, or a wide box with left-aligned text can all make a perfectly "centered" box look off-center. If the result looks wrong, check the text box edges before blaming the guides.
Method 2: Use the Drawing Guide to See the True Center
When snapping is unreliable or you want a visual reference to check against, make the grid show you the center.
- Go to Actions > Canvas and toggle Drawing Guide on.
- Tap Edit Drawing Guide.
- Drag the Grid Size slider to its maximum. With the grid this large, you'll see a single horizontal and vertical midline and a center point.
- Increase Thickness and adjust Opacity so the lines are easy to see. The color slider lets you switch to a darker or lighter tone depending on your artwork.
- Tap Done.
Now select the Move or Transform tool on your text layer. The layer's handles show its center, and you can line those up with the midlines. This works well for lettering placed over busy artwork, where yellow snapping guides can be hard to spot.
You can also leave the grid at a moderate size and use the transform handles to align against grid intersections. That's good for aligning several elements to a shared structure rather than only the canvas center.
Method 3: Center Multi-Line Text Inside Its Box
If your text has two or more lines and they look ragged, the issue is paragraph alignment, not canvas position.
- Double-tap the text to enter edit mode, or tap Edit Style when the text is selected.
- In the style panel, find the alignment options and choose center.
- Adjust tracking, leading, and size in the same panel if the lines look unbalanced.
Then use Method 1 or 2 to center the box on the canvas. Doing it in this order matters: center-align the lines first, then position the box, because changing alignment can shift the visible mass of the text.
Method 4: The Fit-to-Screen Workaround
This is a community workaround that helps when you need an exact center for artwork that isn't live text, such as rasterized lettering or grouped layers. It relies on Transform's Fit to Screen option:
- Put the content you want to center in a layer group.
- Inside that group, add a temporary layer with a line drawn from the far left edge of the canvas to the far right edge, passing through the middle of your artwork.
- Select the group, open Transform, and choose Fit to Screen. Because the group already touches both side edges, the fit operation only recenters it vertically.
- Clear the temporary line and draw a new one from the top edge to the bottom edge.
- Repeat Fit to Screen. This time the group is centered horizontally.
- Delete the temporary layer.
It's tedious, and it fails if any mask, clipping mask, or other content in the group already extends to a canvas edge, since that changes the bounds Procreate uses. Treat it as a fallback, not a daily method.
Optical Centering: When Mathematically Centered Isn't Right
Numerical centering and visual centering are not the same, a distinction motion designers already know from type and logo animation. A few things to watch:
- Descenders and ascenders. Text with a "g" or "y" can look high because the bounding box includes the descender space. Nudge it down a few pixels.
- All caps vs. mixed case. All-caps lines usually look best centered on cap height, not on the full line box.
- Script and swash lettering. Flourishes extend the bounding box asymmetrically. Center on the visual mass, using the grid as a reference rather than letting snapping decide.
- Side bearings. Letters like "T" and "A" create optical gaps that the box doesn't account for.
For anything going into a client-facing frame, zoom in, toggle the layer on and off, and judge by eye after snapping gets you close.
Check Your Work Before Export
Before you export, confirm the following:
- Canvas size matches your delivery frame. If this is a title card for a 3840×2160 comp, create the canvas at that ratio from the start. Centering on the wrong canvas shape just moves the problem into your video timeline.
- Guides are turned off. The drawing guide doesn't export, but turn it off while checking the final composition so you see what the viewer will.
- Text is final. If you plan to rasterize or merge the text, finish edits first. After rasterizing, you can't change the font or content.
- Export format. PNG preserves transparency. Hide the background color layer if you want the text to sit over other footage.
Taking Procreate Text into a Motion Pipeline
Many motion designers use Procreate for lettering, title art, and style exploration, then finish in a compositing tool. The cleanest handoff is to center once in Procreate for composition purposes, export a transparent PNG at the final canvas size, and place it into your comp.
In After Effects, don't rely on Procreate's centering for animation. Import the PNG, then use the Align panel to center the layer to the composition, and set the anchor point to the content center (Layer > Transform > Center Anchor Point in Layer Content) before adding scale or rotation animation. That way the lettering scales and rotates around its true center instead of drifting. Premiere Pro, Cinema 4D, Blender, and Nuke each have their own equivalents, such as centered pivots, align nodes, and image-plane centering, so a clean centered PNG is a reliable starting point in any of them.
Where Styleframe Fits
Procreate lettering often becomes a reference rather than a final asset. is an AI video and motion tool built for professional artistic control, and it works from the references you give it. A centered lettering frame exported from Procreate can serve as a reference frame, where your frames direct the motion instead of a text prompt guessing at it. You can also use hand-lettered or illustrated frames as style references.
Because generation is driven by your reference images, clips, and keyframes, centering mistakes made in Procreate carry through, so it's worth getting the placement right first. Styleframe doesn't replace Procreate's text tools or your comp-level alignment. It picks up from the frames you've already designed.
Quick Troubleshooting
- No yellow guides appear. Confirm Snapping is on, drag more slowly, and raise Distance.
- Text looks off-center despite guides. Check for trailing spaces and compare the box width to the visible text. Switch paragraph alignment to center.
- Guides snap to other layers instead. Blue guides indicate alignment to other objects. Hide those layers temporarily or rely on the grid method.
- Fit to Screen resizes the artwork. You're probably transforming content whose bounds don't match the canvas. Use the line trick, or switch to snapping.
- The text is blurry after moving. If you rasterized and scaled the text, re-create it at the correct size as live text.
Summary
For most jobs, turn on Snapping in the Transform tool and drag until both yellow guides appear. Use the maximum-size Drawing Guide when you need a visible center reference, center-align multi-line text in the style panel before positioning the box, and keep the Fit to Screen trick in reserve for rasterized or grouped artwork. Then judge optical balance by eye, export at your delivery canvas size, and finish alignment and animation anchoring in your compositing tool.