Build Your Own Portrait Proportion Guide App (2026)

Searching for a portrait proportion guide printable is a fine start, but a static PDF can’t move, scale, or line up with the actual photo you’re drawing from. If you want a real facial proportions guide for artists — one that adjusts to your reference, your sketch, your process — you can build it yourself in Auto in a few minutes, no code required.

Why build instead of print or download

A printable thirds guide assumes every face fits the same grid. It doesn’t. And a generic face symmetry checker app or portrait proportion overlay app from the store is built for the average user, not your workflow — maybe it doesn’t let you upload your own sketches, or it locks the reference image while you’re trying to move your drawing instead. When you build your own Frame in Auto, you decide exactly how it works: what you upload, what moves, what stays fixed, and how images overlay.

How to build it in Auto

1. Open Auto and describe the tool you want. Be specific: you want to compare a sketch against a photo reference to check proportions, with a place to store every image you’ve uploaded so you’re not re-uploading each session.
2. Ask for a canvas view. Tell Auto you want to select two images — a reference and a sketch — and overlay them so you can compare directly, not flip back and forth between tabs.
3. Ask for touch controls. For a real divide face into thirds drawing tool, you need to move and resize freely: two-finger scroll to reposition, pinch to scale, and a way to pick which image (reference or sketch) is currently active.
4. Test it on a real sketch. Snap a photo of your reference and your drawing, drop them in, and nudge the overlay until the eye line, nose base, and chin match up. If something’s off — spacing, gesture sensitivity, which image is selected by default — just tell Auto and it adjusts the app.

How someone built theirs

One Auto user started simply: they wanted a Frame that could compare their sketches against the photo reference they were drawing from, with a storage area holding everything they’d uploaded so nothing got lost between sessions. They asked for the ability to pick a reference and a sketch, overlay both in a canvas, and control the active image using two-finger scroll and pinch gestures — standard mobile drawing conventions, not something they wanted to relearn.

Partway through, the build hit a snag: a batch of TypeScript errors surfaced around touch event handling and a component prop mismatch in the image list. They pasted the error output straight back into Auto, and it fixed the type mismatches and prop issues without the user needing to understand what a React.Touch type even was. That back-and-forth — describe, test, paste the error, fix — is the actual build process. It’s not instant, but it’s fast, and you never touch a line of code yourself.

The result, sometimes called “Sketch Compare” by people who’ve built versions of it, is proof this kind of tool is buildable by anyone, not just developers.

FAQ

Do I need design or coding skills to build this? No. You describe what you want in plain language and take a photo if relevant. Auto handles the code.

Can I add features later, like a grid overlay or symmetry line? Yes — just ask. Since it’s your Frame, you can request a center-line guide, opacity control, or thirds grid whenever you need it.

Is this better than a face symmetry checker app I’d download? It’s different: a downloaded app fits its average user. A Frame you build fits your exact reference photos, your sketch style, and your gestures.

What if something breaks while I’m building? Tell Auto what happened, even by pasting an error message. It reads the details and fixes the underlying code for you.