Day 11 of improving my UI skills · #11 Design a code field

Process

Day 11 was about designing a code field. I decided to use a mobile mock-up to practice mobile design. So first I made the copy and the buttons, then I searched the phone mock-up, after that, I made the code field and lastly I searched for the image.

What I would change

This one was a little simpler than other days so I would like to explore with 3D UI elements like trying that style.

This is a public challenge made by hype4 academy (or SquarePlanet I don't know).

Image from Unsplash

All the mock-ups and templates from Apple's Figma community files