Figma Input OTP

Build a one-time-password input in Figma as two sets. OTPSlot: a single square digit box in Small 36, Medium 44 and Large 56px with Default — a grey border and an empty or filled digit — and Focused — an accent border with a blinking caret. InputOTP: a row of 4, 6 or 8 OTPSlot instances with a Split Boolean that inserts a dash and a wider gap between the halves, in the same three sizes. Add Booleans for a label above, a helper line below reading Enter the code we sent, and an Error state that turns every slot border red with a message. Build a Filled variant showing all digits entered and a Masked variant showing dots for sensitive codes. Wire the prototype so clicking the first slot sets it Focused and typing advances focus to the next slot, with a Resend code link and a countdown timer under the row. Keep digit text on tabular figures, centred, and bind colours to variables.