A realistic iOS lock screen and home interface recreated entirely in Figma.

This concept project captures the look and feel of iOS while refining my skills in precision, structure, and visual balance. Designed in four hours, it blends technical accuracy with creative execution.

Designing Familiarity with Detail

I created this project to challenge myself in rebuilding a realistic iOS lock screen and passcode flow. My goal was to study how Apple’s design system works, from spacing and layering to depth and motion, and apply that precision to my own design process.

Building Pixel by Pixel

I analyzed transparency, strokes, fills, and effects to match the real interface. Every number, icon, and word was rebuilt to align perfectly with references, using inner shadows, blur effects, and subtle gradients to achieve the clean iOS finish. Each element was refined until it looked and behaved authentically.

Making It Feel Like the Real Thing

The prototype flows naturally from the lock screen to the passcode and home interface, maintaining visual consistency and realism. Even as a small project, it highlights my ability to recreate professional-level UI and deliver a polished experience under tight time constraints.

Designed With Precision

This project strengthened my attention to detail and technical understanding of interface design. Rebuilding an existing UI taught me how to deconstruct systems, recognize visual hierarchies, and apply those insights to my own creative projects with greater accuracy.