Frankenstyle

What it does

Frankenstyle scans a frame, a page or a whole file for auto-layout gaps and padding, corner radii, stroke widths, and every text layer's font, size, line height and letter spacing.

It turns what it finds into a named scale of variables and text styles, then connects every layer to them. It's in review on Figma Community.

Why I built it

Padding typed in by hand at two in the morning, and 400 unstyled text layers. The Hexorcist dealt with colour, and this was the next ghost in the same files.

One decision

Merge, and show every merge. Near-identical values snap to the nearest step, so 15.8 becomes 16 and a lone 15px card joins the 16px ones. You see each merge before anything changes, and one Undo reverses the whole build.