Figma Input OTP

/

/

/

/

Figma Input OTP

Preview

Figma Input OTP

Figma OTP Component

The OTP Input component supports copy-paste and allows users to quickly enter a one-time password code that applications send for user verification and login scenarios.

When implementing OTP component, be sure to automatically move the user's focus to the next input field after each digit entry.

Input OTP Anatomy

SetVariantsPropertiesCopy to Figma
InputOTP18Size Large, Medium, SmallDigits x8, x6, x4Split False, True

Type

Interactive component

Behavior

Auto layout

Figma Input OTP

OTP

input otp example

otp component

figma otp

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.